diff --git a/app-dm/src/nav/teacherIndex.jsx b/app-dm/src/nav/teacherIndex.jsx index f01c04b..f0ac747 100644 --- a/app-dm/src/nav/teacherIndex.jsx +++ b/app-dm/src/nav/teacherIndex.jsx @@ -40,6 +40,9 @@ function HeaderNavTeacher() { 头像 */}
上一页
- + - +完成
diff --git a/app-dm/src/pages/ListPages/Training/TrainingPage.css b/app-dm/src/pages/ListPages/Training/TrainingPage.css index e2eed3f..ca6d480 100644 --- a/app-dm/src/pages/ListPages/Training/TrainingPage.css +++ b/app-dm/src/pages/ListPages/Training/TrainingPage.css @@ -10,48 +10,46 @@ } /* 页面右边内容 */ -.body-right-training h3{ - margin-left: 60px; - font-size: 20px; - margin-bottom: -5px; -} - .test-training{ + margin-left: 40px; + margin-bottom: 60px; +} +.test-training h3{ + font-size: 20px; +} +.train-box-list{ display:flex; flex-wrap: wrap; flex-direction: row; - margin-left: 40px; - margin-bottom: 60px; + margin-top: -20px; } .test-box-training{ flex-basis: calc(30.00% - 10PX); box-sizing: border-box; margin: 20px; + width: 400px; height: 200px; background-image: linear-gradient(190deg,rgba(157, 246, 252, 0.7),rgba(198, 212, 255, 0.7)); border-radius: 15px; line-height: 35px; } - .test-box-training p{ font-size: 20px; margin: 10px; } - .test-box-training span{ margin-left: 15px; } - .test-box-training div{ margin-left: 15px; } .exam-btn-training{ position: absolute; - margin-left: 260px; + margin-left: 270px; border-radius: 15px; - margin-top: -10px; + margin-top: -20px; font-size: 17px; border: none; display: inline-block; @@ -69,13 +67,32 @@ .exam-btn-training:active{ color:rgba(86, 117, 114, 0.929); } -.bottomP{ - color: red; - font-size: 20px; - margin-top: 350px; - margin-left: 70px; - letter-spacing: 20px; + +/* 警告框 */ +.warning-box { + width: 1420px; + font-size: 18px; + color: #fd3333; + position: relative; + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; +} +.warning-content { + width: 1420px; + height: 60px; + text-align: center; + border-radius: 5px; + background-color: rgba(248, 192, 192, 0.76); + box-shadow: 0 0 10px rgba(115, 16, 16, 0.3); + /* max-width: 600px; */ +} +.close-button { + float: right; + cursor: pointer; + font-size: 30px; + position: absolute; + right: 12px; + top: 5px; } - - - diff --git a/app-dm/src/pages/ListPages/Training/TrainingPage.jsx b/app-dm/src/pages/ListPages/Training/TrainingPage.jsx index cc6ea96..833bc80 100755 --- a/app-dm/src/pages/ListPages/Training/TrainingPage.jsx +++ b/app-dm/src/pages/ListPages/Training/TrainingPage.jsx @@ -4,6 +4,19 @@ import '../Training/TrainingPage.css' import axios from 'axios'; +const WarningModal = ({ isOpen, onClose }) => { + if (!isOpen) return null; // 如果警告框不显示,则不渲染 + + return ( +提醒 : 请及时完成实训内容!!!
+实训:{eval(title[key][0][11])}
- 发布者:陈老师 -实训:{eval(title[key][0][11])}
+ 发布者:陈老师 +提醒:请及时完成实训内容!!!