Skip to content

E
eduline
Commit 58d478dd by 陈超
Options

A

parent 68b240d8
Showing with 328 additions and 2 deletions
apps/exams/Tpl/default/Index/examsroom_w3g.html
......@@ -3,6 +3,332 @@
<link rel="stylesheet" type="text/css" href="__APP__/icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="__APP__/css/public_header_footer_media.css">
<link rel="stylesheet" type="text/css" href="__APP__/css/exam_2.0.css">
<style type="text/css">
/*比较多用到的*/
.box {
display: flex;
display: -webkit-flex;
align-items: center;
}
.boxCn {
display: flex !important;
display: -webkit-flex;
align-items: center;
justify-content: center !important;
}
.flex1 {
flex: 1;
}
/*遮罩层*/
.mask {
position: fixed !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
transition: all .3s ease-in-out;
z-index: 8;
}
.popUp {
background-color: #FFFFFF;
z-index: 10;
width: 16.875rem;
border-radius: 0.5rem;
overflow: hidden;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popUp_title {
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
font-size: 1.125rem;
height: 1.5625rem;
line-height: 1.5625rem;
margin-top: 0.9375rem;
padding: 0 1rem;
box-sizing: border-box;
text-align: center;
}
.popUp_content {
padding: 1rem 1rem;
box-sizing: border-box;
text-align: center;
font-size: 0.875rem;
color: #333333;
}
.popUp_btns {
border-top: 1px solid #eeeeee;
}
.popUp_btn {
flex: 1;
text-align: center;
line-height: 3.125rem;
height: 3.125rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
font-size: 1rem;
box-sizing: border-box;
background-color: #FFFFFF;
}
.popUp_btn0 {
color: #999999;
border-right: 1px solid #eeeeee;
}
.popUp_btn1 {
color: #65C000;
}
/*jixu*/
.stopBox {
width: 100%;
position: fixed;
top: 50%;
left: 50%;
z-index: 10;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.stopBtn {
width: 10rem;
height: 3rem;
line-height: 3rem;
display: block;
margin: 2rem auto;
color: #FFFFFF;
font-size: 1rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
box-sizing: border-box;
text-align: center;
border-radius: 1.5rem;
}
.stopBtn_on {
background-color: #A3E460;
}
.stopBtn_out {
border: 1px solid rgba(204, 204, 204, 1);
}
body {
background-color: #fff;
}
.testPaperTop {
height: 2.25rem;
padding: 0 0.75rem;
box-sizing: border-box;
border-bottom: 1px solid #F5F5F5;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
background-color: #FFFFFF;
}
.testPaperTop_time {
font-size: 0.75rem
}
.testPaperTop_da {
font-size: 0.75rem;
color: #999999;
}
.testPaperTop_pau {
margin-left: 1.875rem;
width: 0.75rem;
height: 0.75rem;
}
.testPaperBotm {
padding: 0.75rem 0.75rem 0.75rem;
box-sizing: border-box;
margin-top: 2.25rem;
}
.testPaperNum {
margin-right: 0.75rem;
color: #999999;
font-size: 0.75rem;
}
.testPaperLei {
font-size: 0.75rem;
color: #333333;
}
.testPaperColl {
width: 1rem;
height: 1rem;
}
.testPaperInfo {
margin-top: 0.5rem;
font-size: 1rem;
line-height: 1.875rem;
color: #333333;
}
.testPaperAnswer {
margin-top: 1rem;
align-items: flex-start;
}
.testPaperAnswer_num {
display: inline-block;
width: 2.25rem;
height: 2.25rem;
border-radius: 100%;
border: 1px solid rgba(163, 228, 96, 1);
text-align: center;
line-height: 2.25rem;
color: #65C000;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
font-size: 0.875rem;
margin-right: 0.75rem;
}
.testPaperAnswer_numAt {
background-color: #A3E460;
color: #FFFFFF;
}
.testPaperAnswer_desc {
line-height: 1.25rem;
margin: 0;
}
.testPaperBtns {
justify-content: space-between;
padding: 3rem 0.75rem 1rem;
box-sizing: border-box;
width: 100%;
}
.testPaperBtn {
width: 10rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border: 1px solid rgba(163, 228, 96, 1);
border-radius: 1.5rem;
box-sizing: border-box;
font-size: 1rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #65C000;
}
.testPaperBtn1 {
color: #FFFFFF;
background: rgba(163, 228, 96, 1);
}
.testPaperJiedaPage {
padding: 0 0.75rem;
box-sizing: border-box;
}
.testPaperJiedaBox {
padding: 1rem 0;
}
.testPaperJiedaBtn {
color: #65C000;
font-size: 0.875rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
}
.testPaperJiedaBtn_icon {
margin-left: 0.5rem;
width: 0.75rem;
height: 0.75rem;
}
.testPaperAnswers {
padding: 0.5rem 0 0.25rem;
}
.testPaperAnswer {
padding: 0.5rem 0;
color: #333333;
font-size: 1rem;
margin: 0;
}
.testPaperAnswer_n {
color: #65C000;
}
.testPaperAnswer_e {
color: red;
}
.testPaperAnswer_infoBox {
padding: 0.1875rem 0.75rem 0.75rem;
box-sizing: border-box;
border-top: 1px solid #f5f5f5;
}
.testPaperAnswer_infoTitle {
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #333333;
font-size: 1rem;
padding: 0.75rem 0 0.75rem 0.75rem;
box-sizing: border-box;
position: relative;
margin: 0;
}
.testPaperAnswer_infoTitle::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #A3E460;
margin-top: -2px;
}
.testPaperAnswer_info {
color: #333333;
font-size: 1rem;
line-height: 1.875rem;
}
</style>
<div class="cover"></div>
<div class="min-height-wrap">
<div class="exam-header">
......@@ -16,8 +342,8 @@
</small>
</div>
<div class="view-stop">
<neq name="Think.get.joinType" value="2"><i class="icon icon-zanting"></i></neq>
<a href="javascript:;" id="show-answer-card"><i class="icon icon-datiqia"></i></a>
<span class="testPaperTop_da">答题卡</span>
<img class="testPaperTop_pau" src="__THEME__/img/pau.png">
</div>
<neq name="Think.get.joinType" value="2">
<ul class="the-stop">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment