joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

考试面板样式修改

Browse Source
This commit is contained in:
Yuan 2022-10-24 18:13:43 +08:00
parent cb61f11753
commit 90a1c03bd4
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/newMap/display/exam/examPanel.vue
View File

@ -4,7 +4,7 @@
<div>满分: {{ composition.fullScore }}</div>
<div>考试时间: {{ composition.validDuration }}分钟</div>
</div>
<div class="legend-area">
<!-- <div class="legend-area">
<div class="legend">
<div class="box finished"></div>
<div class="text">已作答</div>
@ -13,7 +13,7 @@
<div class="box"></div>
<div class="text">未作答</div>
</div>
</div>
</div> -->
<div>理论题</div>
<div class="questionList">
<div
@ -151,21 +151,21 @@ export default {
.header {
padding: 10px;
}
.legend-area {
display: flex;
justify-content: space-evenly;
.legend {
display: flex;
.box {
width: 1rem;
height: 1rem;
background: #eee;
}
.finished {
border: 1px solid #67c23a;
}
}
}
// .legend-area {
// display: flex;
// justify-content: space-evenly;
// .legend {
// display: flex;
// .box {
// width: 1rem;
// height: 1rem;
// background: #eee;
// }
// .finished {
// background: #409eff;
// }
// }
// }
.questionList {
display: flex;
flex-wrap: wrap;
@ -178,6 +178,7 @@ export default {
text-align: center;
line-height: 30px;
margin: 3px;
border: 2px solid transparent;
cursor: pointer;
&:hover {
background-color: #ccc;
@ -188,14 +189,17 @@ export default {
}
}
.current {
background: #409eff;
color: #fff;
border: 2px dashed #666;
&:hover {
background: #66b1ff;
}
}
.submited {
border: 1px solid #67c23a;
background: #409eff;
color: #fff;
&:hover {
background-color: #66b1ff;
}
}
}
.footer {