mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-07 01:46:46 +08:00
feat：新增开始考试页面
This commit is contained in:
songwc
BIN
src/assets/image/noselect.png
Normal file
BIN
src/assets/image/noselect.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 619 B |
BIN
src/assets/image/select.png
Normal file
BIN
src/assets/image/select.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 735 B |
BIN
src/assets/image/shalou.png
Normal file
BIN
src/assets/image/shalou.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 816 B |
@@ -16,7 +16,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 面包屑导航 -->
|
||||
<div class="debateTitle">【作业】管理者进阶腾飞班 - 中级管理者作业</div>
|
||||
<div class="debateTitle" style="color: #fff">
|
||||
【作业】管理者进阶腾飞班 - 中级管理者作业
|
||||
</div>
|
||||
<!-- 详细信息 -->
|
||||
<div class="detailinfo">
|
||||
<div class="detail">
|
||||
@@ -261,6 +263,7 @@ export default {
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
font-weight: 600;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.detailinfo {
|
||||
|
||||
@@ -13,9 +13,97 @@
|
||||
<div class="text">阶段性考试</div>
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
<!-- 题型 -->
|
||||
<div class="line clearfix">
|
||||
<div class="wrong">判断题</div>
|
||||
</div>
|
||||
<!-- 题目一 -->
|
||||
<div class="topic">1、控制计划是由工艺部门完成 （4分）</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="one" value="right" />
|
||||
<div class="option"></div>
|
||||
<div class="opt-text">正确</div>
|
||||
</label>
|
||||
<br />
|
||||
<label>
|
||||
<input type="radio" name="one" value="wrong" />
|
||||
<div class="option" style="top: 24px"></div>
|
||||
<div class="opt-text" style="top: 23px">错误</div>
|
||||
</label>
|
||||
</div>
|
||||
<!-- 题目二 -->
|
||||
<div class="topic" style="margin-top: 40px">
|
||||
2、.PFMEA假定所设计的产品能满足设计要求 （4分）
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="two" value="right" />
|
||||
<div class="option"></div>
|
||||
<div class="opt-text">正确</div>
|
||||
</label>
|
||||
<br />
|
||||
<label>
|
||||
<input type="radio" name="two" value="wrong" />
|
||||
<div class="option" style="top: 24px"></div>
|
||||
<div class="opt-text" style="top: 23px">错误</div>
|
||||
</label>
|
||||
</div>
|
||||
<!-- 题目三 -->
|
||||
<div class="topic" style="margin-top: 40px">
|
||||
3、.PFMEA假定所设计的产品能满足设计要求 （4分）
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="three" value="right" />
|
||||
<div class="option"></div>
|
||||
<div class="opt-text">正确</div>
|
||||
</label>
|
||||
<br />
|
||||
<label>
|
||||
<input type="radio" name="three" value="wrong" />
|
||||
<div class="option" style="top: 24px"></div>
|
||||
<div class="opt-text" style="top: 23px">错误</div>
|
||||
</label>
|
||||
</div>
|
||||
<!-- 题型 -->
|
||||
<div class="line clearfix" style="margin-top: 43px">
|
||||
<div class="wrong">选择题</div>
|
||||
</div>
|
||||
<div class="topic" style="margin-top: 25px">
|
||||
4、.FMEA 是一种（ ）工具（4分）
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="four" value="fourone" />
|
||||
<div class="option"></div>
|
||||
<div class="opt-text">问题解决</div>
|
||||
</label>
|
||||
<br />
|
||||
<label>
|
||||
<input type="radio" name="four" value="fourtwo" />
|
||||
<div class="option" style="top: 24px"></div>
|
||||
<div class="opt-text" style="top: 23px">项目策划</div>
|
||||
</label>
|
||||
<br />
|
||||
<label>
|
||||
<input type="radio" name="four" value="fourthree" />
|
||||
<div class="option" style="top: 47px"></div>
|
||||
<div class="opt-text" style="top: 46px">过程分析</div>
|
||||
</label>
|
||||
<br />
|
||||
<label>
|
||||
<input type="radio" name="four" value="fourfour" />
|
||||
<div class="option" style="top: 70px"></div>
|
||||
<div class="opt-text" style="top: 69px">风险分析</div>
|
||||
</label>
|
||||
</div>
|
||||
<button class="btn">提交考卷</button>
|
||||
</div>
|
||||
<div class="time clearfix">
|
||||
<div class="shalou"></div>
|
||||
<div class="outtime">剩余时间</div>
|
||||
<div class="min">29分钟53秒</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 详细内容 -->
|
||||
@@ -45,7 +133,8 @@ export default {
|
||||
clear: both;
|
||||
}
|
||||
.bascinfo {
|
||||
min-height: 800px;
|
||||
position: relative;
|
||||
min-height: 1000px;
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
@@ -54,6 +143,7 @@ export default {
|
||||
// flex-direction: column;
|
||||
// justify-content: center;
|
||||
.middle {
|
||||
position: relative;
|
||||
margin-left: 510px;
|
||||
.righttitle {
|
||||
display: flex;
|
||||
@@ -87,6 +177,109 @@ export default {
|
||||
margin-left: 28px;
|
||||
}
|
||||
}
|
||||
.topic {
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #333330;
|
||||
margin-top: 24px;
|
||||
margin-left: 29px;
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin-top: 34px;
|
||||
margin-left: 32px;
|
||||
position: relative;
|
||||
}
|
||||
.radio label {
|
||||
padding: 7px 0px;
|
||||
line-height: 20px;
|
||||
position: relative;
|
||||
font-weight: normal;
|
||||
.opt-text {
|
||||
width: 70px;
|
||||
position: absolute;
|
||||
// display: inline-block;
|
||||
// margin-left: 10px;
|
||||
// margin-top: 10px;
|
||||
top: 0px;
|
||||
left: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
.radio .option {
|
||||
width: 19px;
|
||||
height: 18px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
// top: 32px;
|
||||
left: 0px;
|
||||
background-size: cover;
|
||||
background: url(../../assets/image/noselect.png) no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.radio input[type="radio"] {
|
||||
display: inline-block;
|
||||
margin-right: -3px;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.radio input[type="radio"]:checked + div {
|
||||
background: url(../../assets/image/select.png) no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.btn {
|
||||
width: 146px;
|
||||
height: 46px;
|
||||
background: #2478ff;
|
||||
box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
|
||||
border-radius: 4px;
|
||||
// width: 66px;
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 800;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
border: 0;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 900px;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
}
|
||||
.time {
|
||||
width: 130px;
|
||||
height: 110px;
|
||||
background: #f2f5f7;
|
||||
border-radius: 8px;
|
||||
position: absolute;
|
||||
right: 45px;
|
||||
top: 28px;
|
||||
.shalou {
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
background-image: url(../../assets/image/shalou.png);
|
||||
margin-top: 15px;
|
||||
margin-left: 56px;
|
||||
}
|
||||
.outtime {
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 800;
|
||||
color: #56a3f9;
|
||||
margin-left: 33px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.min {
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 800;
|
||||
color: #ee423d;
|
||||
margin-left: 21px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user