feat: 首页调整

src/views/index/index_copy.vue

@@ -198,7 +198,7 @@
       <div class="center-box">
       <div class="center-box">
         <div class="map-box">
         <div class="map-box">
           <div :class="['overview', district == '晋城市' ? 'active' : '']" @click="changeOverView('晋城市')">
           <div :class="['overview', district == '晋城市' ? 'active' : '']" @click="changeOverView('晋城市')">
-            <span>晋城市总览</span>
+            <span>满城区总览</span>
           </div>
           </div>
           <div class="charts-map">
           <div class="charts-map">
             <svg class="img-fluid" id="outputsvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4970 4920">
             <svg class="img-fluid" id="outputsvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4970 4920">
@@ -2848,7 +2848,10 @@
         </div>
         </div>
 
 
         <div class="zs-box">
         <div class="zs-box">
-          <div class="title">招商引资作战图</div>
+          <img src="@/assets/images/index/bg-zsyzzzt.png" />
+          <div class="title">
+            <span>招商引资作战图</span>
+          </div>
 
 
           <div class="charts-box1">
           <div class="charts-box1">
             <div class="charts charts2" ref="chart_bar"></div>
             <div class="charts charts2" ref="chart_bar"></div>
@@ -4822,7 +4825,7 @@ export default {
 .index {
 .index {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
-  background: url("~@/assets/images/index/bg-all.png") no-repeat;
+  background: url("~@/assets/images/index/img-bg.png") no-repeat;
   position: relative;
   position: relative;
   left: 0;
   left: 0;
   top: 0;
   top: 0;
@@ -5078,6 +5081,14 @@ export default {
           font-style: italic;
           font-style: italic;
           color: #f6f9fe;
           color: #f6f9fe;
           text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
           text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
+          background: linear-gradient(
+            0deg,
+            rgba(14, 197, 236, 1) 0%,
+            rgba(49, 190, 255, 1) 0%,
+            rgba(239, 252, 254, 1) 58.7646484375%
+          );
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
         }
         }
       }
       }
     }
     }
@@ -5158,7 +5169,7 @@ export default {
       width: 590px;
       width: 590px;
       height: 280px;
       height: 280px;
       margin-top: 20px;
       margin-top: 20px;
-      background: url("~@/assets/images/index/bg-zsyzzzt.png") no-repeat;
+      // background: url("~@/assets/images/index/bg-zsyzzzt.png") no-repeat;
       position: relative;
       position: relative;
       left: 0;
       left: 0;
       top: 0;
       top: 0;
@@ -5172,15 +5183,14 @@ export default {
         font-style: italic;
         font-style: italic;
         color: #f6f9fe;
         color: #f6f9fe;
         text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
         text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-
         background: linear-gradient(
         background: linear-gradient(
           0deg,
           0deg,
-          rgba(14, 197, 236, 0.36) 0%,
-          rgba(49, 190, 255, 0.36) 0%,
-          rgba(239, 252, 254, 0.36) 58.7646484375%
+          rgba(14, 197, 236, 1) 0%,
+          rgba(49, 190, 255, 1) 0%,
+          rgba(239, 252, 254, 1) 58%
         );
         );
         -webkit-background-clip: text;
         -webkit-background-clip: text;
-        // -webkit-text-fill-color: transparent;
+        -webkit-text-fill-color: transparent;
       }
       }
     }
     }
   }
   }
@@ -5196,6 +5206,7 @@ export default {
   height: 50px;
   height: 50px;
   position: absolute;
   position: absolute;
   bottom: 0;
   bottom: 0;
+  left: 0;
   background: url("~@/assets/images/index/img-bottom.png") no-repeat;
   background: url("~@/assets/images/index/img-bottom.png") no-repeat;
 }
 }
 .header {
 .header {
@@ -5325,20 +5336,35 @@ export default {
     }
     }
     p {
     p {
       display: flex;
       display: flex;
-      flex-direction: column;
+      // flex-direction: column;
       span.title {
       span.title {
         font-size: 20px;
         font-size: 20px;
         font-family: Alibaba PuHuiTi;
         font-family: Alibaba PuHuiTi;
         font-weight: bold;
         font-weight: bold;
         font-style: italic;
         font-style: italic;
         color: #f6f9fe;
         color: #f6f9fe;
-        opacity: 0.4;
         text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
         text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
+        background: linear-gradient(
+          0deg,
+          rgba(14, 197, 236, 0.36) 0%,
+          rgba(49, 190, 255, 0.36) 0%,
+          rgba(239, 252, 254, 0.36) 58%
+        );
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
       }
       }
 
 
       &.active {
       &.active {
         span.title {
         span.title {
           opacity: 1;
           opacity: 1;
+          background: linear-gradient(
+            0deg,
+            rgba(14, 197, 236, 1) 0%,
+            rgba(49, 190, 255, 1) 0%,
+            rgba(239, 252, 254, 1) 58%
+          );
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
         }
         }
       }
       }
     }
     }