diff --git a/app-dm/src/pages/ListPages/Training/Operation1.css b/app-dm/src/pages/ListPages/Training/Operation1.css index 113e8db..8b625c0 100644 --- a/app-dm/src/pages/ListPages/Training/Operation1.css +++ b/app-dm/src/pages/ListPages/Training/Operation1.css @@ -1,6 +1,6 @@ .nav-operation1{ height: 50px; - width: 99.5%; + width: 1630px; margin-bottom: 5px; box-shadow: 1px 1px 6px #d4d4d4; } @@ -57,8 +57,8 @@ z-index: 1000; } .dropdown-menu1 li{ - background-color: rgb(255, 239, 239); - border-bottom: 2px solid rgb(253, 210, 210); + background-color: rgb(236, 232, 232); + border-bottom: 2px solid rgb(213, 208, 208); } /* 显示下拉菜单 */ .subject-dropdown.open1 + .dropdown-menu1 { @@ -69,6 +69,45 @@ top: 15px; left: 180px; } + +/* 题目预览框 */ +.countBox{ + height: 280px; + padding: 7px; + background-color:#e8f7f0; + box-shadow: 0px 0px 10px #aacbae; +} +.countBox div{ + display: flex; + flex-wrap:wrap; + width: 200px; +} +.countBox td{ + width: 40px; + height: 30px; + /* background-color: rgb(136, 243, 209); */ + border: 1px solid black; + text-align: center; + margin-left: 5px; + margin-top: 5px; + cursor: pointer; +} +.countBox tr{ + font-size: 18px; + font-weight: 550; + color: #364a38; +} +.answered { + /* 例如,改变题目的背景色 */ + width: 40px; + height: 30px; + background-color: rgb(142, 255, 223); + text-align: center; + margin-left: 5px; + margin-top: 5px; + cursor: pointer; +} + /* 第二页(实训题)的右边页面 */ .body-right1{ width: 1415px; @@ -79,11 +118,11 @@ border-radius: 10px; background-color: #f7f8fa; } +/* .body-right1-choice tbody{ + +} */ /* 前进按钮 */ -.btn-back1{ - -} .btn-back1 p{ font-size: 20px; margin-left: 5px; @@ -110,32 +149,6 @@ .body-right1-comple tr{ background-color: rgb(110, 130, 130); } -.countBox{ - margin-top: 10px; -} -.countBox div{ - display: flex; - flex-wrap:wrap; - width: 200px; -} -.countBox td{ - width: 40px; - height: 30px; - /* background-color: rgb(136, 243, 209); */ - border: 1px solid black; - text-align: center; - margin-left: 5px; - margin-top: 5px; - cursor: pointer; -} -.answered { - /* 例如,改变题目的背景色 */ - width: 40px; - height: 30px; - background-color: rgb(136, 243, 209); - text-align: center; - margin-left: 5px; - margin-top: 5px; - cursor: pointer; - } + + diff --git a/app-dm/src/pages/ListPages/Training/Operation1.jsx b/app-dm/src/pages/ListPages/Training/Operation1.jsx index 6df4cc4..04e72de 100644 --- a/app-dm/src/pages/ListPages/Training/Operation1.jsx +++ b/app-dm/src/pages/ListPages/Training/Operation1.jsx @@ -11,7 +11,7 @@ import axios from 'axios'; function Operation1() { const click=()=>{ - console.log(TrainData); + console.log(TrainData['operateID'][3][0]); } const clear=()=>{ localStorage.removeItem('choice_answers'); @@ -40,7 +40,6 @@ function Operation1() { }) const returnData=TrainDataSrc.data setTrainData(returnData) - //60*parseInt(returnData['operateID'][4] }catch{ alert('TrainDataFunc出错') } @@ -138,7 +137,7 @@ function Operation1() { localStorage.setItem('answeredChoice',answeredChoice) localStorage.setItem('answeredComple',answeredComple) localStorage.setItem('answeredJudge',answeredJudge) - + localStorage.setItem('TrainTest',TrainData['operatrID'][3][0]) }; // 在组件加载时从 localStorage 中恢复答案 @@ -258,7 +257,7 @@ function Operation1() { {TrainData && (

选择题:

- + {Object.keys(TrainData['operateID'][0]).map((key,index) => ( ({index+1}.){TrainData['operateID'][0][key][0][1]}