main
hhr 2023-12-20 22:02:55 +08:00
parent cb1075baf1
commit c647d00aa3
2 changed files with 27 additions and 7 deletions

View File

@ -26,7 +26,7 @@
.box-title {
display: flex;
align-items: center;
height: 10%;
height: 15%;
padding: 0 30px;
background: url("../../../public/assets/title.png") 0 0 no-repeat;
background-size: 100% 100%;
@ -37,7 +37,7 @@
}
.box1,.box4{
height: 90%;
height: 85%;
padding: 10px;
background: url("../../../public/assets/box_bg3.png") 0 0 no-repeat;
background-size: 100% 100%;
@ -165,6 +165,7 @@
.box5{
height: 90%;
padding: 10px;
overflow: auto;
}
.box5-title{
@ -178,6 +179,10 @@
text-align: center;
}
.color-green{
color:#00FFAA;
}

View File

@ -157,7 +157,7 @@ const SyglPage: React.FC = () => {
<div className='left-box'>
<div className='box'>
<div className='box-title'>
<div className='title-item'></div>
<div className='title-item active'></div>
<div className='title-item'></div>
<div className='title-item'></div>
</div>
@ -331,7 +331,7 @@ const SyglPage: React.FC = () => {
<div className='box5-li width-20'>XXX</div>
<div className='box5-li width-20'>200</div>
<div className='box5-li width-30'></div>
<div className='box5-li width-20'>89%</div>
<div className='box5-li width-20 color-green'>89%</div>
</div>
<div className='box5-list'>
<div className='box5-li width-10'>
@ -340,7 +340,7 @@ const SyglPage: React.FC = () => {
<div className='box5-li width-20'>XXX</div>
<div className='box5-li width-20'>200</div>
<div className='box5-li width-30'></div>
<div className='box5-li width-20'>89%</div>
<div className='box5-li width-20 color-green'>89%</div>
</div>
<div className='box5-list'>
<div className='box5-li width-10'>
@ -349,7 +349,7 @@ const SyglPage: React.FC = () => {
<div className='box5-li width-20'>XXX</div>
<div className='box5-li width-20'>200</div>
<div className='box5-li width-30'></div>
<div className='box5-li width-20'>89%</div>
<div className='box5-li width-20 color-green'>89%</div>
</div>
<div className='box5-list'>
<div className='box5-li width-10'>
@ -358,7 +358,16 @@ const SyglPage: React.FC = () => {
<div className='box5-li width-20'>XXX</div>
<div className='box5-li width-20'>200</div>
<div className='box5-li width-30'></div>
<div className='box5-li width-20'>89%</div>
<div className='box5-li width-20 color-green'>89%</div>
</div>
<div className='box5-list'>
<div className='box5-li width-10'>
<div className='box5-li-num '>5</div>
</div>
<div className='box5-li width-20'>XXX</div>
<div className='box5-li width-20'>200</div>
<div className='box5-li width-30'></div>
<div className='box5-li width-20 color-green'>89%</div>
</div>
</div>
@ -471,6 +480,12 @@ const SyglPage: React.FC = () => {
</div>
</div>
<div className='toggle'>
<div className='toggle-item'></div>
<div className='toggle-item'></div>
<div className='toggle-item'></div>
</div>
</div>
)
}