diff --git a/app-dm/src/TeacherPages/MarkingPages/StudentLink.css b/app-dm/src/TeacherPages/MarkingPages/StudentLink.css index 5b763c6..fceada2 100644 --- a/app-dm/src/TeacherPages/MarkingPages/StudentLink.css +++ b/app-dm/src/TeacherPages/MarkingPages/StudentLink.css @@ -8,30 +8,23 @@ float: right; background-color: #f7f8fa; } +.link-box{ + margin-top: 30px; +} .title-link{ - position: absolute; - top: 30px; - left: -110px; font-size: 18px; } -.title-link th{ - padding-left: 190px; -} - .link-table{ - margin-top: 50px; - position: absolute; - top: 40px; - left: 22px; + position: relative; } .link-table td{ - padding-left: 45px; + padding: 0 26.2px; font-size: 17px; border-bottom: 1px solid #8a9991; - /* border-top: 1px solid #8a9991; */ line-height: 40px; padding-top: 10px; padding-bottom: 10px; + text-align: center; } .link-table input{ height: 20px; diff --git a/app-dm/src/TeacherPages/MarkingPages/StudentLink.jsx b/app-dm/src/TeacherPages/MarkingPages/StudentLink.jsx index 9078186..892cf5c 100644 --- a/app-dm/src/TeacherPages/MarkingPages/StudentLink.jsx +++ b/app-dm/src/TeacherPages/MarkingPages/StudentLink.jsx @@ -60,30 +60,32 @@ function StudentLink(){ } return(
- {TestLink&& - - - - - - - - - - - - {Object.keys(TestLink).map((key)=>( - - - - - - - - - ))} - -
学生链接1链接2链接3分数建议
{key}{TestLink[key][6]}{TestLink[key][7]}{TestLink[key][8]}
} +
+ {TestLink&& + + + + + + + + + + + + {Object.keys(TestLink).map((key)=>( + + + + + + + + + ))} + +
学生链接1链接2链接3分数建议
{key}{TestLink[key][6]}{TestLink[key][7]}{TestLink[key][8]}
} +
) diff --git a/app-dm/src/TeacherPages/Trainmanage/Trainmanage.css b/app-dm/src/TeacherPages/Trainmanage/Trainmanage.css index dc97eba..2170ed1 100644 --- a/app-dm/src/TeacherPages/Trainmanage/Trainmanage.css +++ b/app-dm/src/TeacherPages/Trainmanage/Trainmanage.css @@ -20,30 +20,35 @@ top: 60px; background-image: linear-gradient(120deg,#ffffff,rgb(181, 181, 181),#fff); } -.ul1-trainmanage{ - width: 650px; +.ul-trainmanage{ + /* width: 650px; */ height: 200px; position: absolute; top: 50px; left: 10px; + width: 95%; /* 占满其父元素的宽度 */ + display: flex; + flex-wrap: wrap; /* 允许换行 */ + padding-left: 20px; /* 移除默认的内边距 */ + list-style-type: none; /* 移除列表项的默认标记 */ } -.ul2-trainmanage{ - width: 650px; - height: 200px; - position: absolute; - top: 50px; - left: 700px; -} -.train-list-trainmanage li{ - width: 650px; +.ul-trainmanage li{ + width: calc(50% - 20px); /* 每个li占据其父元素宽度的一半,减去外边距 */ height: 70px; list-style-type: none; - margin-top: 10px; border-radius: 10px; background-color: #ffffff; box-shadow: 2px 2px 2px #d8d9d9; cursor: pointer; + margin: 10px; /* 外边距 */ + box-sizing: border-box; /* 边框计算在宽度内 */ + display: flex; /* 使用Flexbox布局 */ + align-items: center; /* 垂直居中 */ + padding: 0 15px; /* 内边距 */ + position: relative; } + + .train-list-trainmanage span { font-size: 20px; } @@ -51,6 +56,14 @@ font-size: 15px; margin-left: 460px; margin-top: -40px; + flex-shrink: 0; /* span不缩小 */ + white-space: nowrap; + flex-grow: 1; /* p标签占据剩余空间 */ + margin: 0; /* 移除默认外边距 */ + padding-left: 410px; + text-align: right; /* 右对齐文本 */ + overflow-wrap: break-word; /* 允许长单词换行 */ + word-break: break-all; /* 允许在任意字符处断行 */ } .train-list-trainmanage li::before { content: "▶"; @@ -62,6 +75,10 @@ display: inline-block; } + + + + .sendtestpage{ padding: 10px 30px; font-size: 20px; diff --git a/app-dm/src/TeacherPages/Trainmanage/Trainmanage.jsx b/app-dm/src/TeacherPages/Trainmanage/Trainmanage.jsx index f3a4328..7ffeb44 100644 --- a/app-dm/src/TeacherPages/Trainmanage/Trainmanage.jsx +++ b/app-dm/src/TeacherPages/Trainmanage/Trainmanage.jsx @@ -28,33 +28,13 @@ function TrainManage(){

已批改的试卷

{Data&&
- -