调整顶部样式

src/components/index/index.vue

@@ -17,7 +17,7 @@
             <div @click="clickItme(2)" class="zl guan" :class="selectVal == 2 ? 'zl_active' : 'zl'">
               <div class="txt">总览</div>
             </div>
-            <div @click="clickItme(3)" class="youyong guan" :class="selectVal == 3 ? 'youyongBackS' : 'youyongBackD'">
+            <div @click="clickItme(3)" class="wh guan" :class="selectVal == 3 ? 'wh_active' : 'wh'">
               <div class="txt">文化</div>
             </div>
 
@@ -82,10 +82,10 @@
   
   <style lang="less" scoped>
   .bla{
-    background-image: url('../../assets/index/背景.jpg');
+    background-image: url('../../assets/index/bg.jpg');
   }
   .bla1{
-    background-image: url('../../assets/tiyuguan/背景.jpg');
+    background-image: url('../../assets/tiyuguan/bg.jpg');
   }
     .main{
       width: 100vw;
@@ -122,12 +122,12 @@
           height: 38%;
           // border: 1px solid red;
           margin: 0 auto;
-          margin-top: 1.8%;
+          margin-top: 2.4%;
           display: flex;
           justify-content: space-between;
           .guan{
             width: 33.33%;
-            height: 84%;
+            height: 86%;
             background-size: 100% 100%;
             background-repeat: no-repeat;
             text-align: center;
@@ -153,19 +153,12 @@
             color: white;
             background-image: url('../../assets/index/zl_active.png');
           }
-          .youyongBackD{
-            background-image: url('../../assets/index/游泳场馆1.png');
+          .wh{
+            background-image: url('../../assets/index/wh.png');
           }
-          .youyongBackS{
+          .wh_active{
             color: white;
-            background-image: url('../../assets/index/游泳场馆.png');
-          }
-          .bowuD{
-            background-image: url('../../assets/index/图书馆1.png');
-          }
-          .bowuS{
-            color: white;
-            background-image: url('../../assets/index/图书馆.png');
+            background-image: url('../../assets/index/wh_active.png');
           }
           .tiyuchang{
             .txt{