能力统计UI还原度修改

front/src/views/abilityStatistics/components/SharingSituation.vue

@@ -56,13 +56,13 @@
         </div>
 
         <div class="volume_box">
-          <div class="fugai"></div>
+          <!-- <div class="fugai"></div> -->
           <div
             v-for="(item, index) in dataLists"
             :key="item"
             class="volume_box-son"
             :style="{
-              backgroundImage: `url(${item.photoBg}) `,
+              backgroundImage: `url(${item.photoBg}) no-repeat `,
             }"
           >
             <div class="volume_box-son-top" v-if="index % 2 == 0">
@@ -201,20 +201,20 @@
     })
   }
   let photoBg = ref([
-    require('../../../assets/abilityStatistics/yingyongziyuan-bg.png'),
+    require('../../../assets/abilityStatistics/yyzy-bg.png'),
-    require('../../../assets/abilityStatistics/zhishiku-bg.png'),
+    require('../../../assets/abilityStatistics/kfzj-bg.png'),
-    require('../../../assets/abilityStatistics/zujianfuwu-bg.png'),
+    require('../../../assets/abilityStatistics/ywzj-bg.png'),
-    require('../../../assets/abilityStatistics/shujuziyuan-bg.png'),
+    require('../../../assets/abilityStatistics/tcfw-bg.png'),
-    require('../../../assets/abilityStatistics/jichujianshe-bg.png'),
+    require('../../../assets/abilityStatistics/znsf-bg.png'),
-    require('../../../assets/abilityStatistics/yingyongziyuan-bg.png'),
+    require('../../../assets/abilityStatistics/hkt-bg.png'),
   ])
   let photo = ref([
-    require('../../../assets/abilityStatistics/yingyongziyuan.png'),
+    require('../../../assets/abilityStatistics/yyzy.png'),
-    require('../../../assets/abilityStatistics/zhishiku.png'),
+    require('../../../assets/abilityStatistics/kfzj.png'),
-    require('../../../assets/abilityStatistics/zujianfuwu.png'),
+    require('../../../assets/abilityStatistics/ywzj.png'),
-    require('../../../assets/abilityStatistics/shujuziyuan.png'),
+    require('../../../assets/abilityStatistics/tcfw.png'),
-    require('../../../assets/abilityStatistics/jichujianshe.png'),
+    require('../../../assets/abilityStatistics/znsf.png'),
-    require('../../../assets/abilityStatistics/yingyongziyuan.png'),
+    require('../../../assets/abilityStatistics/hkt.png'),
   ])
   //申请量接口
   let dataLists = ref([])
@@ -379,12 +379,12 @@
         display: flex;
         margin-bottom: 20px;
         color: #fff;
-        .fugai {
+        // .fugai {
-          width: 40px;
+        //   width: 40px;
-          height: 390px;
+        //   height: 390px;
-          background: #0058e1;
+        //   background: #0058e1;
-          margin-top: 1px;
+        //   margin-top: 1px;
-        }
+        // }
         .volume_box-son {
           width: 120px;
           height: 390px;
@@ -417,6 +417,11 @@
             bottom: 44px;
           }
         }
+        .volume_box-son:nth-of-type(1) {
+          width: 140px;
+          padding-left: 28px;
+          background-position-x: 10px;
+        }
       }
     }
   }