hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-12 04:16:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat：新增考试分数页面

Browse Source
This commit is contained in:
songwc
2022-09-19 15:22:10 +08:00
parent 1aca77ba9e
commit d2599087d1
1 changed files with 106 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/views/testscore/TestScore.vue Normal file
View File

@@ -0,0 +1,106 @@
<template>
<div class="surveydetail">
<!-- 标题 -->
<div class="title">考试模式</div>
<!-- 标题 -->
<!-- 详细内容 -->
<div class="bascinfo">
<!-- 中间盒子 -->
<div class="centercontent clearfix">
<div class="gaptest">阶段性考试</div>
<div class="scorebox clearfix">
<div class="yourscore">您本次考试分数：</div>
<div class="score">84</div>
<div class="fen">分</div>
</div>
</div>
</div>
<!-- 详细内容 -->
</div>
</template>
<script>
export default {
name: "TestScore",
};
</script>
<style scoped lang="scss">
.surveydetail {
.title {
font-size: 20px;
font-weight: 800;
color: #ffffff;
line-height: 24px;
margin-top: 17px;
margin-left: 0px;
}
.bascinfo {
min-height: 800px;
width: 100%;
background: #ffffff;
border-radius: 8px;
margin-top: 24px;
display: flex;
// flex-direction: column;
align-items: center;
justify-content: center;
.clearfix:before,
.clearfix:after {
content: "";
display: table;
clear: both;
}
.centercontent {
width: 842px;
height: 228px;
background: #f2f5f7;
border-radius: 8px;
position: relative;
.gaptest {
// margin-left: 362px;
font-size: 24px;
font-family: PingFang SC;
font-weight: 800;
color: #56a3f9;
position: absolute;
left: 50%;
top: 38px;
transform: translate(-50%, 0);
}
.scorebox {
width: 803px;
height: 111px;
background: #ffffff;
border-radius: 0px 8px 0px 8px;
margin-top: 94px;
margin-left: 20px;
display: flex;
.yourscore {
margin-top: 44px;
margin-left: 277px;
font-size: 18px;
font-family: PingFang SC;
font-weight: 800;
color: #56a3f9;
}
.score {
font-size: 48px;
font-family: PingFang SC;
font-weight: 800;
color: #ee423d;
margin-left: 20px;
margin-top: 26px;
}
.fen {
font-size: 18px;
font-weight: 600;
color: #ef4f4a;
margin-left: 20px;
margin-top: 54px;
}
}
}
}
}
</style>