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 @@ ...@@ -69,8 +69,10 @@
} }
.box_review{ .box_review{
background: #EBEBEB; background: #EBEBEB;
padding: 18px; padding: 36rpx;
margin-top: 10px; margin-top: 10px;
position: relative;
height: 660rpx;
} }
.box_review_date_item{ .box_review_date_item{
...@@ -92,11 +94,16 @@ ...@@ -92,11 +94,16 @@
font-weight: bold; font-weight: bold;
} }
.box_review_sp{ .box_review_sp{
width: calc(100vw - 72rpx);
height: 420rpx; height: 420rpx;
border-radius: 12px; border-radius: 12px;
background: linear-gradient(to bottom, #4C50E7, #FFFFFF); background: linear-gradient(to bottom, #4C50E7, #FFFFFF);
padding: 5px; padding: 5px;
margin-top: -5px; /* margin-top: -5px; */
box-sizing: border-box;
position: absolute;
left: 18px;
top: 248rpx;
} }
.box_review_box{ .box_review_box{
background: #000000; background: #000000;
...@@ -115,6 +122,7 @@ ...@@ -115,6 +122,7 @@
.myVideo{ .myVideo{
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 12px;
} }
.examination{ .examination{
margin-top: 25px; margin-top: 25px;
...@@ -128,19 +136,42 @@ ...@@ -128,19 +136,42 @@
.examination-box-c{ .examination-box-c{
height: 170rpx; height: 170rpx;
background: #F9F9F9; background: #F9F9F9;
display: flex; overflow-x:auto;width:100%;white-space:nowrap;
}
.examination-boxb{
width: 200rpx;
height: 100%;
display: inline-block;
padding: 10px 0; 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{ .shuxianbox{
width: 200rpx; display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
font-size: 12px;
color: #8F8F92;
height: 100%; height: 100%;
}
.examination-box-c-item{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
font-size: 12px; font-size: 12px;
color: #8F8F92; color: #8F8F92;
height: 100%;
} }
.examination-box-c-item .item_o{ .examination-box-c-item .item_o{
color: #A3A3A3; color: #A3A3A3;
...@@ -150,11 +181,7 @@ ...@@ -150,11 +181,7 @@
font-size: 19px; font-size: 19px;
font-weight: bold; font-weight: bold;
} }
.shuxian{
width: 1px;
padding: 20px 0 ;
}
.examination-box-btnbox{ .examination-box-btnbox{
width: 100%; width: 100%;
display: flex; display: flex;
...@@ -225,14 +252,14 @@ ...@@ -225,14 +252,14 @@
</view> </view>
</view> </view>
<view class="box_review" v-if='InfoData'> <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 class="row" style="color: #111111;font-size: 14px;font-weight: bold;">
<view >课程回顾 </view> <view >课程回顾 </view>
<view style="font-size: 10px;color: #999999;">(最近7天课程)</view> <view style="font-size: 10px;color: #999999;">(最近7天课程)</view>
</view> </view>
<view style="font-size: 11px;color: #4C50E7;">所有课程</view> <view style="font-size: 11px;color: #4C50E7;">所有课程</view>
</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 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)"> <view :class="{'box_review_date_item2':current==y}" class="box_review_date_item" @click="goreview(x,y)">
<text>{{getdate(x,1)}}</text> <text>{{getdate(x,1)}}</text>
...@@ -275,38 +302,75 @@ ...@@ -275,38 +302,75 @@
<view style="font-size: 18px;font-weight: bold;color: #111111;">{{x.PaperName}}</view> <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 style="font-size: 12px;font-weight: 500;color: #999999;margin-top: 9px;">测评次数：5次</view>
</view> </view>
<view style="overflow-x:auto;width:100%;white-space:nowrap;"> <view >
<view class="examination-box-c"> <view class="examination-box-c">
<view class="examination-box-c-item"> <div class='examination-boxb' >
<text class="item_o">我的排名</text> <view class="examination-box-c-item">
<text class="item_t">#{{x.MyRank}}</text> <text class="item_o">我的排名</text>
<text class="">分数</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>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view> <div class='examination-boxb' >
<view class="examination-box-c-item"> <view class="examination-box-c-item">
<text class="item_o">我的得分</text> <text class="item_o">我的得分</text>
<text class="item_t">{{x.TotalScore}}</text> <text class="item_t">{{x.TotalScore}}</text>
<text class="">分</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>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view> <div class='examination-boxb' >
<view class="examination-box-c-item"> <view class="examination-box-c-item">
<text class="item_o">考试状态</text> <text class="item_o">考试状态</text>
<text class="item_t" style="font-size: 14px;">{{x.ExamStatusStr}}</text> <text class="item_t" style="font-size: 14px;">{{x.ExamStatusStr}}</text>
<text class="" style="opacity: 0;">.</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>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view> <div class='examination-boxb' >
<view class="examination-box-c-item"> <view class="examination-box-c-item">
<text class="item_o">我的耗时</text> <text class="item_o">我的耗时</text>
<text class="item_t">#{{x.ExamSecondTime}}</text> <text class="item_t">{{getTimems(x.ExamSecondTime) }}</text>
<text class="">秒</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>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view> <div class='examination-boxb' >
<view class="examination-box-c-item"> <view class="examination-box-c-item">
<text class="item_o">最高等分</text> <text class="item_o">最高等分</text>
<text class="item_t">#{{x.MaxScore}}</text> <text class="item_t">{{x.MaxScore}}</text>
<text class="">分</text> <text class="">分</text>
</view> </view>
<view class="shuxian"> <view style="width: 1px;height: 100%;background: #E1E1E1;"></view></view> </div>
</view> </view>
</view> </view>
<view class="examination-box-btnbox"> <view class="examination-box-btnbox">
...@@ -416,7 +480,6 @@ ...@@ -416,7 +480,6 @@
async getvideourl(x,y) {//获取视频地址 async getvideourl(x,y) {//获取视频地址
let res = await getPlayInfo({strVid:x.VideoMeta.VideoId}); let res = await getPlayInfo({strVid:x.VideoMeta.VideoId});
if (res.Code == 1) {//地址赋值 if (res.Code == 1) {//地址赋值
data.InfoData.Review[data.current].videolist.push(res.Data)
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){ if(y+1 == data.InfoData.Review[data.current].List.length){
data.loading = false data.loading = false
...@@ -446,6 +509,29 @@ ...@@ -446,6 +509,29 @@
month = Number(month)+'月' month = Number(month)+'月'
return 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(()=>{ 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