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

feat：新增开始考试

Browse Source
This commit is contained in:
songwc
2022-09-19 16:49:43 +08:00
parent d2599087d1
commit f0f67ee76c
2 changed files with 94 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/debate/debate.vue
View File

@@ -419,6 +419,7 @@ export default {
.detailinfo {
width: calc(100% + 20px);
// width: calc(100%);
margin-top: 20px;
// height: 10px;
display: flex;

93
src/views/starttest/StartTest.vue Normal file
View File

@@ -0,0 +1,93 @@
<template>
<div class="surveydetail">
<!-- 标题 -->
<div class="title">考试模式</div>
<!-- 标题 -->
<!-- 详细内容 -->
<div class="bascinfo">
<!-- 中间盒子 -->
<div class="middle clearfix">
<div class="righttitle">
<img width="20px" height="20px" src="../../assets/image/yuan.png" />
<div class="text">阶段性考试</div>
<div class="box"></div>
</div>
<div class="line clearfix">
<div class="wrong">判断题</div>
</div>
</div>
</div>
<!-- 详细内容 -->
</div>
</template>
<script>
export default {
name: "StartTest",
};
</script>
<style scoped lang="scss">
.surveydetail {
.title {
font-size: 20px;
font-weight: 800;
color: #ffffff;
line-height: 24px;
margin-top: 17px;
margin-left: 0px;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
clear: both;
}
.bascinfo {
min-height: 800px;
width: 100%;
background: #ffffff;
border-radius: 8px;
margin-top: 24px;
display: flex;
// flex-direction: column;
// justify-content: center;
.middle {
margin-left: 510px;
.righttitle {
display: flex;
padding-top: 30px;
position: relative;
.text {
margin-left: 8px;
font-size: 16px;
color: rgba(51, 51, 51, 1);
font-weight: 800;
}
.box {
width: 90px;
height: 10px;
background-color: rgba(36, 120, 255, 0.15);
position: absolute;
left: 23px;
top: 44px;
}
}
.line {
margin-top: 20px;
width: 841px;
height: 50px;
background: #f2f5f7;
.wrong {
font-size: 16px;
font-weight: 800;
color: #333333;
margin-top: 14px;
margin-left: 28px;
}
}
}
}
}
</style>