feat: 首页修改

src/views/index/index_copy.vue

@@ -128,7 +128,7 @@
             </el-carousel-item>
           </el-carousel>
           <div v-if="activeCard == 2" class="enterprise">
-            <ul class="list-num">
+            <ul class="list-num1">
               <li>
                 <span @click="goEpList(1)">上市企业：{{ table_dic.ssqy }}家</span>
                 <span @click="goEpList(2)">
@@ -672,7 +672,6 @@
                 </g>
               </g>
             </svg>
-            <!-- TODO 换成动态的 -->
             <img class="img-map-bottom" :src="require(`@/assets/images/index/${district1}.png`)" />
           </div>
         </div>
@@ -680,7 +679,7 @@
         <div class="zs-box">
           <img src="@/assets/images/index/bg-zsyzzzt.png" />
           <div class="title">
-            <span>招商引资作战图</span>
+            招商引资作战图
           </div>
 
           <div class="charts-box1">
@@ -1000,7 +999,7 @@ export default {
     },
 
     changeDir(val) {
-      if (this.district == val) {
+      if (this.district1 == val) {
         this.$message({
           message: "已在" + val,
           type: "success",
@@ -2690,7 +2689,6 @@ export default {
         font-weight: normal;
         color: #8dbfee;
         line-height: 40px;
-        opacity: 0.8;
         width: 130px;
         height: 40px;
         text-align: center;
@@ -2845,15 +2843,18 @@ export default {
         // right: 50%;
         margin-right: -100px;
       }
-      .list-num {
+      .list-num,
+      .list-num1 {
         box-sizing: border-box;
         padding-top: 20px;
         padding-left: 25px;
+        background: url("~@/assets/images/index/img-box-bg.png") no-repeat;
         p.title {
           height: 33px;
           line-height: 33px;
           text-align: center;
           span {
+            margin: 0 14px;
             font-size: 18px;
             font-family: Microsoft YaHei;
             font-weight: bold;
@@ -2888,6 +2889,27 @@ export default {
             height: 100%;
             position: absolute;
             left: 0;
+            top: 15px;
+          }
+        }
+      }
+      .list-num1 {
+        li {
+          span {
+            flex: 0 0 50%;
+            font-size: 18px;
+            font-family: Microsoft YaHei;
+            font-weight: bold;
+            color: #d1e7ff;
+            white-space: nowrap;
+          }
+          &::after {
+            content: "";
+            background: url("~@/assets/images/index/bg-line.png") no-repeat 0;
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            left: 0;
             top: 10px;
           }
         }
@@ -2900,14 +2922,13 @@ export default {
         margin-bottom: 5px;
         .title-text {
           position: absolute;
-          top: 4px;
+          top: 6px;
           left: 50px;
           font-size: 20px;
           font-family: Alibaba PuHuiTi;
           font-weight: bold;
           font-style: italic;
           color: #f6f9fe;
-          text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
           background: linear-gradient(
             0deg,
             rgba(14, 197, 236, 1) 0%,
@@ -2943,17 +2964,17 @@ export default {
         svg {
           position: absolute;
           margin: 0 0 0 -280px;
-          left: 51%;
-          top: 2;
-          max-height: 420px;
+          left: 60%;
+          top: 2px;
+          max-height: 492px;
           z-index: 99;
         }
         .img-map-bottom {
           margin: 0 0 0 -280px;
           position: absolute;
-          left: 50%;
+          left: 58%;
           top: 8px;
-          max-height: 420px;
+          max-height: 492px;
         }
         .text-map-bottom {
           position: absolute;
@@ -2964,8 +2985,8 @@ export default {
       }
       .overview {
         position: absolute;
-        right: 0;
-        top: 40px;
+        right: -30px;
+        top: 4px;
         width: 130px;
         height: 40px;
         line-height: 40px;
@@ -3009,7 +3030,6 @@ export default {
         font-weight: bold;
         font-style: italic;
         color: #f6f9fe;
-        text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
         background: linear-gradient(
           0deg,
           rgba(14, 197, 236, 1) 0%,
@@ -3126,7 +3146,7 @@ export default {
   .text {
     position: absolute;
     left: 46px;
-    top: 0px;
+    top: 3px;
     display: flex;
     align-items: center;
     height: 35px;
@@ -3192,6 +3212,7 @@ export default {
           );
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
+          text-shadow: none;
         }
       }
     }