1

app-dm/src/TeacherPages/MarkingPages/StudentLink.css

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

app-dm/src/TeacherPages/TestManage/SendTest.css

@@ -1,25 +1,213 @@
-.check_box{
+/* 页面中间题目(基础题) */
-    margin-left: 800px;
-}
-.SendTest_body_right tr{
-    background-color: antiquewhite;
-}
 .SendTest_body_right p{
-    font-size: 32px;
+    font-size: 30px;
-    border: 1px solid black;
+    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{
+.title{
-    background-color: antiquewhite;
+    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: "▶";
 }

app-dm/src/TeacherPages/TestManage/SendTest.jsx

@@ -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> 
+                                <li>第二章</li>
                             </ul>
                         </li>
                     </ul>
                 </div>
-                <div className='SendTest_body_right'>
+                <div className='SendTest_body'>
                     <p>题目选择</p>
                     {question&&<table>
                         <span className='title'>选择题</span>