我的考试样式

This commit is contained in:
zhaofang
2022-10-18 15:52:16 +08:00
parent 2a496282a2
commit 3cc28f9030

View File

@@ -3,7 +3,7 @@
<div> <div>
<div style="display: flex; justify-content: flex-start;padding:12px 20px 20px 22px" > <div style="display: flex; justify-content: flex-start;padding:12px 20px 20px 22px" >
<!--查询--> <!--查询-->
<div class="uc-center-page">我的考试</div> <div class="uc-center-page" style="margin-right:40px">我的考试</div>
<div style="padding: 0px 0px"> <div style="padding: 0px 0px">
<el-select clearable v-model="status" placeholder="状态" style="width: 110px"> <el-select clearable v-model="status" placeholder="状态" style="width: 110px">
<el-option label="未开始" :value="0"></el-option> <el-option label="未开始" :value="0"></el-option>
@@ -25,7 +25,7 @@
<div class="task-info"> <div class="task-info">
<div @click="jumpRouter(item)" v-html="$keywordActiveShow(item.testName,testName)" class="task-tit one-line-ellipsis"> <div @click="jumpRouter(item)" v-html="$keywordActiveShow(item.testName,testName)" class="task-tit one-line-ellipsis">
</div> </div>
<div class="task-text"> <!-- <div class="task-text">
考试状态 考试状态
<span v-if="item.status == 0">未开始</span> <span v-if="item.status == 0">未开始</span>
<span v-if="item.status == 1">进行中</span> <span v-if="item.status == 1">进行中</span>
@@ -34,9 +34,12 @@
<span style="margin-left: 20px;" v-if="item.status == 9"> <span style="margin-left: 20px;" v-if="item.status == 9">
分数{{toScoreTow(item.score)}} 分数{{toScoreTow(item.score)}}
</span> </span>
</div> </div> -->
<div class="task-time"> <div class="task-time">
入场时间<span>{{ item.startTime}}</span> <div><span style="color: #999999;">起止时间</span> <span>{{ item.startTime}}{{item.endTime}}</span></div>
<div><span style="color: #999999;">时长</span>{{item.testDuration}}分钟</div>
<div><span style="color: #999999;">总分</span>100</div>
<div><span style="color: #999999;">成绩</span><span style="color: #366fff;" v-if="toScoreTow(item.score) > 0">{{toScoreTow(item.score)}}</span><span v-else></span></div>
</div> </div>
</div> </div>
<div class="task-btns" > <div class="task-btns" >
@@ -155,7 +158,7 @@
// padding: 10px; // padding: 10px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
padding: 15px 0px; padding: 15px 0px;
margin: 0 10px; margin: 10px 10px;
.task-info{ .task-info{
flex: 1; flex: 1;
// padding: 0px 10px; // padding: 0px 10px;
@@ -174,6 +177,11 @@
.task-time{ .task-time{
color: #666; color: #666;
font-size: 14px; font-size: 14px;
margin-top: 18px;
display: flex;
div{
margin-right: 40px;
}
} }
} }
.task-btns { .task-btns {