This commit is contained in:
parent
7f690bb39c
commit
685470eab4
|
@ -22,13 +22,16 @@
|
|||
margin-top: 50px;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: 25px;
|
||||
left: 22px;
|
||||
}
|
||||
.link-table td{
|
||||
padding-left: 45px;
|
||||
font-size: 17px;
|
||||
border-bottom: 1px solid #8a9991;
|
||||
padding-bottom: 15px;
|
||||
/* border-top: 1px solid #8a9991; */
|
||||
line-height: 40px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.link-table input{
|
||||
height: 20px;
|
||||
|
|
|
@ -1,25 +1,213 @@
|
|||
.check_box{
|
||||
margin-left: 800px;
|
||||
}
|
||||
.SendTest_body_right tr{
|
||||
background-color: antiquewhite;
|
||||
}
|
||||
/* 页面中间题目(基础题) */
|
||||
.SendTest_body_right p{
|
||||
font-size: 32px;
|
||||
border: 1px solid black;
|
||||
font-size: 30px;
|
||||
border-top: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
text-align: center;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.SendTest_body_right table{
|
||||
width: 100%;
|
||||
border-left: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
background-color: #eaeeec;
|
||||
}
|
||||
.Testbox{
|
||||
background-color: antiquewhite;
|
||||
.title{
|
||||
font-size: 21px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.judgetitletd{
|
||||
/* 选择题 */
|
||||
.Trainbox_xz{
|
||||
background-color: #fff;
|
||||
}
|
||||
.chapter{
|
||||
color: #5cc1b9;
|
||||
font-size: 18px;
|
||||
font-weight: 550;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
.questiontitle_xz{
|
||||
padding-top: 15px;
|
||||
padding-left: 10px;
|
||||
font-size: 17px;
|
||||
}
|
||||
.Test_answer_box{
|
||||
padding-top: 5px;
|
||||
padding-left: 27px;
|
||||
}
|
||||
.Test_answer_box tr{
|
||||
line-height: 40px;
|
||||
}
|
||||
.check_box_xz{
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
margin-top: -20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.check_box_xz input{
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
.check_box_xz span{
|
||||
font-size: 18px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
/* 填空题 */
|
||||
.Testbox_tk{
|
||||
background-color: #fff;
|
||||
}
|
||||
.chapter_tk{
|
||||
color: #5cc1b9;
|
||||
font-size: 16px;
|
||||
font-weight: 550;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
.questiontitle_tk{
|
||||
padding-top: 15px;
|
||||
padding-left: 10px;
|
||||
font-size: 16px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.check_box_tk{
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
margin-top: -20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.check_box_tk input{
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
.check_box_tk span{
|
||||
font-size: 16px;
|
||||
margin-top: -2px;
|
||||
|
||||
}
|
||||
|
||||
/* 判断题 */
|
||||
.Testbox_pd{
|
||||
background-color: #fff;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.chapter_pd{
|
||||
color: #5cc1b9;
|
||||
font-size: 16px;
|
||||
font-weight: 550;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
.judgetitle{
|
||||
font-size: 16px;
|
||||
}
|
||||
.check_box_pd{
|
||||
width: 100px;
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.check_box_pd input{
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
.check_box_pd span{
|
||||
font-size: 16px;
|
||||
margin-top: -2px;
|
||||
|
||||
}
|
||||
|
||||
/* 按钮 */
|
||||
#SendTestBtn{
|
||||
height: 40px;
|
||||
width: 130px;
|
||||
font-size: 25px;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
margin-left: 900px;
|
||||
background-color: #9acec2;
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* 右边的内容 */
|
||||
.right_right{
|
||||
flex: 20%;
|
||||
}
|
||||
.OptionBox{
|
||||
width: 90%;
|
||||
height: 480px;
|
||||
margin-left: 15px;
|
||||
border-radius: 20px;
|
||||
background-color: #bef6e9;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.TestSelectClass{
|
||||
width: 95%;
|
||||
height: 200px;
|
||||
background-color: #fffde8;
|
||||
border-radius: 20px;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.TestSelectClassP{
|
||||
font-size: 20px;
|
||||
background-color: antiquewhite;
|
||||
margin-left: 85px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
#Test_class_ul{
|
||||
margin-left: 40px;
|
||||
}
|
||||
#Test_class_ul li{
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.Test_class_div {
|
||||
/* 普通状态下的样式 */
|
||||
width: 120px;
|
||||
height: 30px;
|
||||
border: 1px solid #72967b;
|
||||
cursor: pointer;
|
||||
margin-top: 10px;
|
||||
margin-left: 15px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
}
|
||||
.Testselected {
|
||||
/* 选中状态下的样式 */
|
||||
background-color: rgb(181, 252, 208);
|
||||
border:1px solid rgb(206, 153, 88);
|
||||
}
|
||||
|
||||
/* 时间选择盒子 */
|
||||
.TestSelectTime{
|
||||
width: 95%;
|
||||
height: 220px;
|
||||
background-color: #fff4d5;
|
||||
text-align: center;
|
||||
margin-left: 7px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.TestSelectTime p{
|
||||
padding-top: 25px;
|
||||
}
|
||||
.TestSelectTime p::before{
|
||||
content: "▶";
|
||||
}
|
|
@ -117,18 +117,18 @@ function SendTest(){
|
|||
return(
|
||||
<div className='SendTrain_body'>
|
||||
<div className='SendTrain_body_left'>
|
||||
<h3>题目集</h3>
|
||||
<ul className='SendTrain_body_left_ul'>
|
||||
<li><div className='SendTrain_body_left_ul_div'>题目集</div></li>
|
||||
<li>
|
||||
<button>基础题</button>
|
||||
<ul style={{all:'unset'}}>
|
||||
<ul style={{all:'unset'}} className='left-list-ul'>
|
||||
<li>第一章</li>
|
||||
<li>第二章</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className='SendTest_body_right'>
|
||||
<div className='SendTest_body'>
|
||||
<p>题目选择</p>
|
||||
{question&&<table>
|
||||
<span className='title'>选择题</span>
|
||||
|
|
Loading…
Reference in New Issue