优化

src/views/sunVillage_info/index_code.vue

@@ -15,11 +15,15 @@
         <div class="index_info">
             <div class="title"></div>
             <div class="nav_list">
-              <div class="nav_list_box">
-                <router-link :to="{name:'sunVillageInfoListFinance',query:{type:'code'}}" class="nav_item n_1">财务公开榜</router-link>
-                <router-link :to="{name:'sunVillageInfoListTourists',query:{type:'code'}}" class="nav_item n_2">零工公开榜</router-link>
-                <router-link :to="{name:'sunVillageInfoListIssues',query:{type:'code'}}" class="nav_item n_3">重大事项公开</router-link>
-              </div>
+              <router-link :to="{name:'sunVillageInfoListFinance',query:{type:'code'}}" class="nav_item n1">
+                <img src="../../assets/images/sunVillage_info/index_code_btn_1.png">
+              </router-link>
+              <router-link :to="{name:'sunVillageInfoListTourists',query:{type:'code'}}" class="nav_item n2">
+                <img src="../../assets/images/sunVillage_info/index_code_btn_2.png">
+              </router-link>
+              <router-link :to="{name:'sunVillageInfoListIssues',query:{type:'code'}}" class="nav_item n3">
+                <img src="../../assets/images/sunVillage_info/index_code_btn_3.png">
+              </router-link>
             </div>
         </div>
         <div class="footer">
@@ -167,17 +171,12 @@
         }
       .nav_list{
         margin-top: 6vh;
-        padding:0 38px;
-        .nav_list_box{
-          display: flex;
-          flex-flow: wrap;
-          box-shadow: 0px 0px 18px rgba(63,68,75,0.2);
-          margin-bottom: 40PX;
-          padding: 20PX 0;
-          border-radius: 15PX;
-        }
+        padding:0 30px;
+        display: flex;
+        flex-flow: wrap;
+        margin-bottom: 40PX;
         .nav_item{
-          width: 25%;
+          width: calc(50% - 10px);
           /*height: 180px;*/
           border-radius: 30px;
           font-size: 24px;
@@ -186,7 +185,16 @@
           display: flex;
           align-items: center;
           justify-content: center;
-          padding-top: 100px;
+          img{
+            width: 100%;
+          }
+          &.n1{
+            margin-bottom: 20px;
+          }
+          &.n2{
+            margin-left: 20px;
+            margin-bottom: 20px;
+          }
           &.n_1{
             background: url('../../assets/images/sunVillage_info/index_block_01.png') no-repeat center top;
             background-size: 50%;