wy
/
xf-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

11111

main
hhr 2023-12-20 22:02:55 +08:00
parent cb1075baf1
commit c647d00aa3
2 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/Zhsy/index.less
View File

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

25
src/views/Zhsy/index.tsx
View File

@ -157,7 +157,7 @@ const SyglPage: React.FC = () => {
<div className='left-box'> <div className='left-box'>
<div className='box'> <div className='box'>
<div className='box-title'> <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 className='title-item'>美丽水厂</div> <div className='title-item'>美丽水厂</div>
</div> </div>
@ -331,7 +331,7 @@ const SyglPage: React.FC = () => {
<div className='box5-li width-20'>XXX工程</div> <div className='box5-li width-20'>XXX工程</div>
<div className='box5-li width-20'>200万</div> <div className='box5-li width-20'>200万</div>
<div className='box5-li width-30'>建设内容文字占位</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>
<div className='box5-list'> <div className='box5-list'>
<div className='box5-li width-10'> <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'>XXX工程</div>
<div className='box5-li width-20'>200万</div> <div className='box5-li width-20'>200万</div>
<div className='box5-li width-30'>建设内容文字占位</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>
<div className='box5-list'> <div className='box5-list'>
<div className='box5-li width-10'> <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'>XXX工程</div>
<div className='box5-li width-20'>200万</div> <div className='box5-li width-20'>200万</div>
<div className='box5-li width-30'>建设内容文字占位</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>
<div className='box5-list'> <div className='box5-list'>
<div className='box5-li width-10'> <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'>XXX工程</div>
<div className='box5-li width-20'>200万</div> <div className='box5-li width-20'>200万</div>
<div className='box5-li width-30'>建设内容文字占位</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>
</div> </div>
@ -471,6 +480,12 @@ const SyglPage: React.FC = () => {
</div> </div>
</div> </div>
<div className='toggle'>
<div className='toggle-item'>水质提</div>
<div className='toggle-item'></div>
<div className='toggle-item'></div>
</div>
</div> </div>
) )
} }