11111
parent
cb1075baf1
commit
c647d00aa3
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue