Compare commits

..

2 Commits

Author SHA1 Message Date
nopy 6bb52471ad 1 2024-07-08 20:40:43 +08:00
nopy 08172ba0e4 1 2024-07-08 20:40:07 +08:00
12 changed files with 40 additions and 72 deletions

View File

@ -95,6 +95,7 @@
box-shadow: box-shadow:
inset 0 0 0 2px #aee1e3, /* 外边框颜色 */ inset 0 0 0 2px #aee1e3, /* 外边框颜色 */
inset 0 0 0 6px #aee1e3; inset 0 0 0 6px #aee1e3;
margin-top: 80px;
} }
.appendbtn{ .appendbtn{
width:80px; width:80px;

View File

@ -262,7 +262,7 @@
height: 40px; height: 40px;
width: 130px; width: 130px;
font-size: 25px; font-size: 25px;
margin-top: 160px; margin-top: 100px;
margin-bottom: 40px; margin-bottom: 40px;
margin-left: 900px; margin-left: 900px;
background-color: #9acec2; background-color: #9acec2;

View File

@ -57,13 +57,6 @@ function HeaderNav() {
<div className='Form-nav'> <div className='Form-nav'>
<div className="set-list-nav"> <div className="set-list-nav">
<button className='close-btn-nav' onClick={handleSettingsClick}>X</button> <button className='close-btn-nav' onClick={handleSettingsClick}>X</button>
<ul>
<li>账号管理</li>
<li>个人信息</li>
<li>登录设备</li>
<li>我的通知</li>
<li>个性化</li>
</ul>
</div> </div>
<button className='exit-btn-nav' onClick={outlog}>退出登录</button> <button className='exit-btn-nav' onClick={outlog}>退出登录</button>
</div> </div>

View File

@ -46,7 +46,7 @@
/* 左侧导航 */ /* 左侧导航 */
.left-nav-li{ .left-nav-li{
width: 200px; width: 200px;
height: 800px; height: 840px;
position: absolute; position: absolute;
top: 70px; top: 70px;
left: 8px; left: 8px;
@ -127,20 +127,6 @@
.set-list-nav { .set-list-nav {
margin-top: 80px; margin-top: 80px;
} }
.set-list-nav ul {
background-color: transparent;
padding: 0;
}
.set-list-nav li {
height: 80px;
width: 100%;
font-size: 20px;
text-align: center;
line-height: 80px;
border-bottom: 1px solid #4f946a;
background-color: #e7f8fbf3;
overflow: hidden;
}
.close-btn-nav { .close-btn-nav {
width: 30px; width: 30px;
height: 25px; height: 25px;
@ -160,17 +146,13 @@
background-color: #c6f1e3; background-color: #c6f1e3;
} }
.set-list-nav li:hover{
cursor: pointer;
color: rgb(13, 121, 105);
}
.exit-btn-nav{ .exit-btn-nav{
height: 40px; height: 40px;
width: 170px; width: 170px;
border: none; border: none;
border-radius: 10px; border-radius: 10px;
font-size: 18px; font-size: 18px;
margin-top: 290px; margin-top: 340%;
margin-left: 25px; margin-left: 25px;
background-color: rgb(176, 245, 218); background-color: rgb(176, 245, 218);
} }

View File

@ -60,13 +60,6 @@ function HeaderNavTeacher() {
<div className='Form-nav'> <div className='Form-nav'>
<div className="set-list-nav"> <div className="set-list-nav">
<button className='close-btn-nav' onClick={handleSettingsClick}>X</button> <button className='close-btn-nav' onClick={handleSettingsClick}>X</button>
<ul>
<li>账号管理</li>
<li>个人信息</li>
<li>登录设备</li>
<li>我的通知</li>
<li>个性化</li>
</ul>
</div> </div>
<button className='exit-btn-nav' onClick={outlog}>退出登录</button> <button className='exit-btn-nav' onClick={outlog}>退出登录</button>
</div> </div>

View File

@ -1,7 +1,8 @@
/* 右侧首页内容 */ /* 右侧首页内容 */
.body-right-home{ .body-right-home{
width: 1420px; width: 1420px;
height: 1330px; /* height: 1330px; */
height: 830px;
position: absolute; position: absolute;
top: 72px; top: 72px;
left: 220px; left: 220px;
@ -33,7 +34,7 @@
} }
/* 灰盒子 */ /* 灰盒子 */
.block{ /* .block{
width: 1300px; width: 1300px;
height: 150px; height: 150px;
position: absolute; position: absolute;
@ -48,21 +49,19 @@
background-color: #f7f8f9; background-color: #f7f8f9;
border: 1px solid #d3d3d3; border: 1px solid #d3d3d3;
margin: 11px; margin: 11px;
} } */
/* 题目+课表 */ /* 题目+课表 */
.box-two{ /* .box-two{
width: 1420px; width: 1420px;
height: 390px; height: 390px;
display: flex; display: flex;
align-content: center; align-content: center;
} } */
/* 题目 */ /* 题目 */
.list{ /* .list{
width: 560px; width: 560px;
height: 310px; height: 310px;
/* background-color: #e9eef8; */
/* background-color: #bdd2ee; */
background-image: linear-gradient(120deg,rgb(192, 215, 245),rgb(217, 237, 250),rgb(178, 207, 245)); background-image: linear-gradient(120deg,rgb(192, 215, 245),rgb(217, 237, 250),rgb(178, 207, 245));
position: absolute; position: absolute;
top: 390px; top: 390px;
@ -76,7 +75,6 @@
margin-left: -5px; margin-left: -5px;
font-weight: 600; font-weight: 600;
font-size: 18px; font-size: 18px;
/* background-color: #d5e3ff; */
background-color: #cce6f6; background-color: #cce6f6;
color: #506f98; color: #506f98;
border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;
@ -116,17 +114,17 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} } */
/* 课表 */ /* 课表 */
.timetable{ .timetable{
width: 580px; width: 620px;
height: 330px; height: 400px;
/* background-color: #eee8f9; */ /* background-color: #eee8f9; */
background-image: linear-gradient(rgb(234, 212, 251),rgb(219, 195, 238),rgb(218, 184, 244)); background-image: linear-gradient(rgb(234, 212, 251),rgb(219, 195, 238),rgb(218, 184, 244));
position: absolute; position: absolute;
top: 390px; top: 280px;
left: 730px; left: 780px;
} }
.schedule{ .schedule{
width: 560px; width: 560px;
@ -148,9 +146,9 @@
box-shadow: 2px 0 5px #beb0dc; box-shadow: 2px 0 5px #beb0dc;
} }
.schedule table{ .schedule table{
width: 500px; width: 530px;
height: 280px; height: 340px;
margin-top: -50px; margin-top: -45px;
margin-left: 40px; margin-left: 40px;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid rgb(187, 186, 186); border: 1px solid rgb(187, 186, 186);
@ -166,11 +164,12 @@
/* 图表 */ /* 图表 */
.chart{ .chart{
width: 1200px; width: 730px;
height: 500px; height: 400px;
position: absolute; position: absolute;
left: 110px; left: 110px;
top: 750px; top: 280px;
left: 20px;
/* background-color: #d8f2f7d7; */ /* background-color: #d8f2f7d7; */
background-image: linear-gradient(#d8f2f7d7,rgb(165, 232, 232),rgba(192, 244, 243, 0.916)); background-image: linear-gradient(#d8f2f7d7,rgb(165, 232, 232),rgba(192, 244, 243, 0.916));
} }
@ -189,11 +188,11 @@
} }
.line-graph{ .line-graph{
width: 860px; width: 620px;
height: 420px; height: 320px;
padding: 10px; padding: 10px;
margin-top: -90px; margin-top: -90px;
margin-left: 160px; margin-left: 50px;
background-color: #fff; background-color: #fff;
border-radius: 15px; border-radius: 15px;
} }
@ -227,5 +226,6 @@
height: 60px; height: 60px;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
background-color: rgba(49, 67, 113, 0.4); /* background-color: rgba(49, 67, 113, 0.4); */
background-color: #d8dcec;
} }

View File

@ -145,13 +145,13 @@ function Home(){
<span>吾日三省吾身,吃饭了吗,睡觉了吗,上达梦做题了吗</span> <span>吾日三省吾身,吃饭了吗,睡觉了吗,上达梦做题了吗</span>
<img src={Ad} alt="" height='190px' width='100%'/> <img src={Ad} alt="" height='190px' width='100%'/>
</div> </div>
<div className='block'> {/* <div className='block'>
<div className='block-box'> <div className='block-box'>
{/* 内容暂定 */} 内容暂定
</div> </div>
</div> </div> */}
<div className='box-two'> {/* <div className='box-two'> */}
<div className='list'> {/* <div className='list'>
<h3>练习和考试</h3> <h3>练习和考试</h3>
<ul> <ul>
<li onClick={handelTestClick}> <li onClick={handelTestClick}>
@ -171,7 +171,7 @@ function Home(){
<span>暂定时间3</span> <span>暂定时间3</span>
</li> </li>
</ul> </ul>
</div> </div> */}
<div className='timetable'> <div className='timetable'>
{/* 课表 */} {/* 课表 */}
<div className='schedule'> <div className='schedule'>
@ -217,10 +217,9 @@ function Home(){
</table> </table>
</div> </div>
</div> </div>
</div> {/* </div> */}
<div className='chart'> <div className='chart'>
<h3>分析图表</h3> <h3>分析图表</h3>
{/* 图表 (未完成)*/}
<div className='line-graph' > <div className='line-graph' >
<Line data={chartData} options={options}/> <Line data={chartData} options={options}/>
</div> </div>

View File

@ -133,7 +133,6 @@
.analyse-box ul{ .analyse-box ul{
width: 250px; width: 250px;
height: 200px; height: 200px;
/* background-color: #eefdf6; */
background-image: linear-gradient(#ecfff7,#dafbfd); background-image: linear-gradient(#ecfff7,#dafbfd);
position: absolute; position: absolute;
top: 50px; top: 50px;
@ -146,5 +145,6 @@
height: 50px; height: 50px;
font-size: 20px; font-size: 20px;
list-style-type: none; list-style-type: none;
padding: 10px; padding: 5px;
line-height: 30px;
} }

View File

@ -104,7 +104,6 @@ function SubjectPage(){
<ul> <ul>
<li>总得分{parseInt(PieData['datasets'][0]['data'][0])+parseInt(PieData['datasets'][0]['data'][1])}/{score}</li> <li>总得分{parseInt(PieData['datasets'][0]['data'][0])+parseInt(PieData['datasets'][0]['data'][1])}/{score}</li>
<li>分析{parseInt(PieData['datasets'][0]['data'][0])>parseInt(PieData['datasets'][0]['data'][1]) ? '基础题得分略低':'提高实训得分需优化学习方法与题目理解。'}</li> <li>分析{parseInt(PieData['datasets'][0]['data'][0])>parseInt(PieData['datasets'][0]['data'][1]) ? '基础题得分略低':'提高实训得分需优化学习方法与题目理解。'}</li>
<br />
<li>老师建议{parseInt(PieData['datasets'][0]['data'][0])>parseInt(PieData['datasets'][0]['data'][1]) ? '巩固基础,稳步提升':'加强HTML语法'}</li> <li>老师建议{parseInt(PieData['datasets'][0]['data'][0])>parseInt(PieData['datasets'][0]['data'][1]) ? '巩固基础,稳步提升':'加强HTML语法'}</li>
</ul> </ul>
</div>} </div>}

View File

@ -235,7 +235,7 @@ function Exam() {
)} )}
</li> </li>
<Link to={`/operation2/1`} style={{color:'#000',textDecoration:'none'}}> <Link to={`/operation2/1`} style={{color:'#000',textDecoration:'none'}}>
<li style={{ marginTop: isSubjectDropdownOpen ? '186px' : '0' }}>实训题</li> {/* <li style={{ marginTop: isSubjectDropdownOpen ? '186px' : '0' }}>实训题</li> */}
</Link> </Link>
</ul> </ul>
{/* 题目预览框 */} {/* 题目预览框 */}

View File

@ -188,6 +188,7 @@
} }
.panduan-box label{ .panduan-box label{
padding-right: 30px; padding-right: 30px;
margin-left: 10px;
} }
/* 前进按钮 */ /* 前进按钮 */

View File

@ -85,7 +85,7 @@ function SubjectPage(){
{/* 警告框 */} {/* 警告框 */}
{isWarningOpen && <WarningModal isOpen={isWarningOpen} onClose={closeWarning} />} {isWarningOpen && <WarningModal isOpen={isWarningOpen} onClose={closeWarning} />}
{title&&<div className='test-training'> {title&&<div className='test-training'>
<h3>未完成实训项目</h3> <h3>未完成实训考试</h3>
<div className='train-box-list'> <div className='train-box-list'>
{Object.keys(title).map((key)=>( {Object.keys(title).map((key)=>(
<div className='test-box-training' key={key}> <div className='test-box-training' key={key}>