Skip to content

E
educationStu
Commit 0bad2a46 authored by Mac's avatar Mac
Browse files
Options

1

parent ba6d143e
Hide whitespace changes
Inline Side-by-side
Showing with 126 additions and 40 deletions
src/pages/study/index.vue
View file @ 0bad2a46
......@@ -69,8 +69,10 @@
}
.box_review{
background: #EBEBEB;
padding: 18px;
padding: 36rpx;
margin-top: 10px;
position: relative;
height: 660rpx;
}
.box_review_date_item{
......@@ -92,11 +94,16 @@
font-weight: bold;
}
.box_review_sp{
width: calc(100vw - 72rpx);
height: 420rpx;
border-radius: 12px;
background: linear-gradient(to bottom, #4C50E7, #FFFFFF);
padding: 5px;
margin-top: -5px;
/* margin-top: -5px; */
box-sizing: border-box;
position: absolute;
left: 18px;
top: 248rpx;
}
.box_review_box{
background: #000000;
......@@ -115,6 +122,7 @@
.myVideo{
width: 100%;
height: 100%;
border-radius: 12px;
}
.examination{
margin-top: 25px;
......@@ -128,19 +136,42 @@
.examination-box-c{
height: 170rpx;
background: #F9F9F9;
display: flex;
overflow-x:auto;width:100%;white-space:nowrap;
}
.examination-boxb{
width: 200rpx;
height: 100%;
display: inline-block;
padding: 10px 0;
box-sizing: border-box;
/* border-right: 1px solid #E2E2E2; */
}
.shuxian{
width: 2rpx;
height: 100%;
display: inline-block;
padding: 20px 0;
box-sizing: border-box;
}
.examination-box-c-item{
width: 200rpx;
.shuxianbox{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
font-size: 12px;
color: #8F8F92;
height: 100%;
}
.examination-box-c-item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
font-size: 12px;
color: #8F8F92;
height: 100%;
}
.examination-box-c-item .item_o{
color: #A3A3A3;
......@@ -150,11 +181,7 @@
font-size: 19px;
font-weight: bold;
}
.shuxian{
width: 1px;
padding: 20px 0 ;
}
.examination-box-btnbox{
width: 100%;
display: flex;
......@@ -225,14 +252,14 @@
</view>
</view>
<view class="box_review" v-if='InfoData'>
<view class="row" style="justify-content: space-between;">
<view class="row" style="justify-content: space-between;height: 50rpx;">
<view class="row" style="color: #111111;font-size: 14px;font-weight: bold;">
<view >课程回顾 </view>
<view style="font-size: 10px;color: #999999;">(最近7天课程)</view>
</view>
<view style="font-size: 11px;color: #4C50E7;">所有课程</view>
</view>
<view class="box_review_date row" style="margin-top: 20px;" v-if='InfoData.Review'>
<view class="box_review_date row" style="margin-top: 40rpx;" v-if='InfoData.Review'>
<view v-for="(x,y) in InfoData.Review" :key='y'>
<view :class="{'box_review_date_item2':current==y}" class="box_review_date_item" @click="goreview(x,y)">
<text>{{getdate(x,1)}}</text>
......@@ -275,38 +302,75 @@
<view style="font-size: 18px;font-weight: bold;color: #111111;">{{x.PaperName}}</view>
<view style="font-size: 12px;font-weight: 500;color: #999999;margin-top: 9px;">测评次数：5次</view>
</view>
<view style="overflow-x:auto;width:100%;white-space:nowrap;">
<view >
<view class="examination-box-c">
<view class="examination-box-c-item">
<text class="item_o">我的排名</text>
<text class="item_t">#{{x.MyRank}}</text>
<text class="">分数</text>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">我的排名</text>
<text class="item_t">#{{x.MyRank}}</text>
<text class="">分数</text>
</view>
</div>
<!-- 这个竖线不知道咋回事弄不出来 如果有好的方案麻烦改下 -->
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view>
<view class="examination-box-c-item">
<text class="item_o">我的得分</text>
<text class="item_t">{{x.TotalScore}}</text>
<text class="">分</text>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">我的得分</text>
<text class="item_t">{{x.TotalScore}}</text>
<text class="">分</text>
</view>
</div>
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view>
<view class="examination-box-c-item">
<text class="item_o">考试状态</text>
<text class="item_t" style="font-size: 14px;">{{x.ExamStatusStr}}</text>
<text class="" style="opacity: 0;">.</text>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">考试状态</text>
<text class="item_t" style="font-size: 14px;">{{x.ExamStatusStr}}</text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</div>
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view>
<view class="examination-box-c-item">
<text class="item_o">我的耗时</text>
<text class="item_t">#{{x.ExamSecondTime}}</text>
<text class="">秒</text>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">我的耗时</text>
<text class="item_t">{{getTimems(x.ExamSecondTime) }}</text>
<text class="">秒</text>
</view>
</div>
<view class="shuxian">
<view class="examination-box-c-item" style="border-left: 1px solid #E2E2E2;">
<text class="item_o"></text>
<text class="item_t" ></text>
<text class="" style="opacity: 0;height: 34rpx;">.</text>
</view>
</view>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view>
<view class="examination-box-c-item">
<text class="item_o">最高等分</text>
<text class="item_t">#{{x.MaxScore}}</text>
<text class="">分</text>
</view>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view>
<div class='examination-boxb' >
<view class="examination-box-c-item">
<text class="item_o">最高等分</text>
<text class="item_t">{{x.MaxScore}}</text>
<text class="">分</text>
</view>
</div>
</view>
</view>
<view class="examination-box-btnbox">
......@@ -416,7 +480,6 @@
async getvideourl(x,y) {//获取视频地址
let res = await getPlayInfo({strVid:x.VideoMeta.VideoId});
if (res.Code == 1) {//地址赋值
data.InfoData.Review[data.current].videolist.push(res.Data)
data.InfoData.Review[data.current].videolist.push(res.Data)
if(y+1 == data.InfoData.Review[data.current].List.length){
data.loading = false
......@@ -446,6 +509,29 @@
month = Number(month)+'月'
return month
}
},
getTimems(data){//获取分秒
let time = Number(data)
if(time>0){
let second = Math.floor(time % 60); // 秒
let minute = Math.floor(time % 3600 / 60); // 分
let hour = Math.floor(time / 3600); // 时
let str = '';
if (minute > 0 || hour > 0) {
if (hour > 0) {
str = hour*60+minute + '′';
}else{
str = minute + '′';
}
}
if (second > 0) {
str = str + second + '″';
}
return str
}else{
return '0″'
}
}
}
onMounted(()=>{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment