This commit is contained in:
nopy 2024-07-06 13:04:14 +08:00
parent 7f690bb39c
commit 685470eab4
3 changed files with 210 additions and 19 deletions

View File

@ -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;

View File

@ -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: "▶";
}

View File

@ -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>