隐藏代缴

src/pages/index/index.vue

@@ -26,9 +26,7 @@
           <image src="@/static/images/icon3.png" v-if="index == 2"></image>
         </view>
         <view class="list">
-					<view class="list-item u-flex u-flex-between u-flex-items-center"
-					 v-for="(items, key) in item.list" :key="key"
-					 @click="go(items.link)">
+          <view class="list-item u-flex u-flex-between u-flex-items-center" v-for="(items, key) in item.list" :key="key" @click="go(items.link)">
             <text>{{ items.name }}</text>
             <image src="@/static/images/arrow.png"></image>
           </view>
@@ -39,9 +37,9 @@
 </template>
 
 <script lang="ts">
-  import Vue from 'vue';
+import Vue from 'vue'
 
-	export default Vue.extend({
+export default Vue.extend({
   data() {
     return {
       list: [
@@ -49,10 +47,10 @@
           title: '医保个人账户代缴服务',
           // icon: icon1,
           list: [
-							{
-								name: '医保个人账户代缴',
-								link: '/pages/payFee/payFee'
-							},
+            // {
+            // 	name: '医保个人账户代缴',
+            // 	link: '/pages/payFee/payFee'
+            // },
             {
               name: '医保个人账户代缴金额查询',
               link: '/pages/payFee/moneySearch'
@@ -127,7 +125,6 @@
             }
           ]
         }
-					
       ]
     }
   },
@@ -135,19 +132,19 @@
   methods: {
     go(url: string) {
       xma.navigateTo({
-					url,
+        url
       })
     }
-		},
-	});
+  }
+})
 </script>
 
 <style lang="scss" scoped>
-	.container {
+.container {
   padding-bottom: 20rpx;
-		background: #F2F3F7;
-	}
-	.header {
+  background: #f2f3f7;
+}
+.header {
   width: 100%;
   height: 337rpx;
   padding: 33rpx 40rpx;
@@ -158,7 +155,7 @@
     font-size: 56rpx;
     line-height: 81rpx;
     font-weight: 500;
-			color: #0E2F63;
+    color: #0e2f63;
   }
   .service-item {
     margin-right: 36rpx;
@@ -171,8 +168,8 @@
       height: 24rpx;
     }
   }
-	}
-	.content-wrap {
+}
+.content-wrap {
   position: relative;
   padding: 0 24rpx;
   margin-top: -140rpx;
@@ -180,21 +177,21 @@
     margin-bottom: 24rpx;
     width: 100%;
     padding: 24rpx 18rpx;
-			background: linear-gradient( 180deg, #FFE2EA 8%, #F9F0F3 100%);
+    background: linear-gradient(180deg, #ffe2ea 8%, #f9f0f3 100%);
     border-radius: 24rpx 24rpx 24rpx 24rpx;
-			border: 4rpx solid #FFFFFF;
+    border: 4rpx solid #ffffff;
     &:nth-child(2) {
-				background: linear-gradient( 180deg, #D6E8FF 9%, #E5F0FF 99%);
+      background: linear-gradient(180deg, #d6e8ff 9%, #e5f0ff 99%);
     }
     &:nth-child(3) {
-				background: linear-gradient( 180deg, #FFF0D5 0%, #FFF8EC 100%);
+      background: linear-gradient(180deg, #fff0d5 0%, #fff8ec 100%);
     }
   }
   .title {
     padding: 6rpx 0 24rpx 10rpx;
     font-weight: 500;
     font-size: 36rpx;
-			color: #3D3D3D;
+    color: #3d3d3d;
     image {
       width: 80rpx;
       height: 80rpx;
@@ -209,11 +206,11 @@
     padding: 30rpx 10rpx;
     font-weight: 400;
     font-size: 30rpx;
-			color: #3D3D3D;
+    color: #3d3d3d;
     image {
       width: 13rpx;
       height: 24rpx;
     }
   }
-	}
+}
 </style>