From c647d00aa33ab5a9a928e89ef3ffcaaf303bcd11 Mon Sep 17 00:00:00 2001
From: hhr <574716577@qq.com>
Date: Wed, 20 Dec 2023 22:02:55 +0800
Subject: [PATCH] 11111

---
 src/views/Zhsy/index.less |  9 +++++++--
 src/views/Zhsy/index.tsx  | 25 ++++++++++++++++++++-----
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/views/Zhsy/index.less b/src/views/Zhsy/index.less
index fadf5af..0d6c77b 100644
--- a/src/views/Zhsy/index.less
+++ b/src/views/Zhsy/index.less
@@ -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;
+}
+
 
 
 
diff --git a/src/views/Zhsy/index.tsx b/src/views/Zhsy/index.tsx
index 531fcbc..81bcaf5 100644
--- a/src/views/Zhsy/index.tsx
+++ b/src/views/Zhsy/index.tsx
@@ -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>
   )
 }