mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-09 02:46:48 +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>
|
</div>
|
||||||
<!-- 面包屑导航 -->
|
<!-- 面包屑导航 -->
|
||||||
<div class="debateTitle">【作业】管理者进阶腾飞班 - 中级管理者作业</div>
|
<div class="debateTitle" style="color: #fff">
|
||||||
|
【作业】管理者进阶腾飞班 - 中级管理者作业
|
||||||
|
</div>
|
||||||
<!-- 详细信息 -->
|
<!-- 详细信息 -->
|
||||||
<div class="detailinfo">
|
<div class="detailinfo">
|
||||||
<div class="detail">
|
<div class="detail">
|
||||||
@@ -261,6 +263,7 @@ export default {
|
|||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
margin-left: -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detailinfo {
|
.detailinfo {
|
||||||
|
|||||||
@@ -13,9 +13,97 @@
|
|||||||
<div class="text">阶段性考试</div>
|
<div class="text">阶段性考试</div>
|
||||||
<div class="box"></div>
|
<div class="box"></div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 题型 -->
|
||||||
<div class="line clearfix">
|
<div class="line clearfix">
|
||||||
<div class="wrong">判断题</div>
|
<div class="wrong">判断题</div>
|
||||||
</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>
|
||||||
</div>
|
</div>
|
||||||
<!-- 详细内容 -->
|
<!-- 详细内容 -->
|
||||||
@@ -45,7 +133,8 @@ export default {
|
|||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
.bascinfo {
|
.bascinfo {
|
||||||
min-height: 800px;
|
position: relative;
|
||||||
|
min-height: 1000px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
@@ -54,6 +143,7 @@ export default {
|
|||||||
// flex-direction: column;
|
// flex-direction: column;
|
||||||
// justify-content: center;
|
// justify-content: center;
|
||||||
.middle {
|
.middle {
|
||||||
|
position: relative;
|
||||||
margin-left: 510px;
|
margin-left: 510px;
|
||||||
.righttitle {
|
.righttitle {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -87,6 +177,109 @@ export default {
|
|||||||
margin-left: 28px;
|
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