fix

src/project/xicheng/AppPageMerchant/AppPageMerchant.vue

@@ -1,58 +1,93 @@
 <template>
   <div class="AppPageMerchant">
-    <AiListPage :label="label" :appList="appList" :headerBg="headerBg" />
+    
+    <div class="list">
+      <div class="item" v-for="(item, index) in appList" :key="index" @click="linkTo(item.url)" :style="item.isBottom ? 'border-bottom: 1px solid #eee;' : ''">
+        <div class="icon" :style="`backgroundImage: url(${item.icon});`"></div>
+        <p>{{item.name}}</p>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
 export default {
   name: 'AppPageMerchant',
-  appName: '西城-商户管理',
+  appName: '商户入口',
   data() {
     return {
       label: '西城-商户管理',
       appList: [
         {
           name: '商户档案',
-          icon: require('./img/police-logo.jpg'),
+          icon: require('./img/shanghudangan.png'),
           url: '../AppMerchantManage/AppMerchantManage',
           isBottom: true
         },
         {
           name: '网格管理',
-          icon: require('./img/jmqgl.png'),
+          icon: require('./img/wanggeguanli.png'),
           url: '../AppMerchanGird/AppMerchanGird',
           isBottom: true
         },
         {
           name: '商户地图',
-          icon: require('./img/police-logo.jpg'),
+          icon: require('./img/shanghuditu.png'),
           url: '../AppMerchantMap/AppMerchantMap',
           isBottom: true
         },
         {
           name: '网格统计',
-          icon: require('./img/police-logo.jpg'),
+          icon: require('./img/wanggetongji.png'),
           url: '../AppMerchanStatistics/AppMerchanStatistics'
         }
       ],
-      headerBg: require('./img/header-bg.png'),
     }
   },
   onShow() {
-    document.title = '西城-商户管理'
+    document.title = '商户入口'
   },
   methods: {
-
+    linkTo(url) {
+      console.log(url)
+      uni.navigateTo({url})
+    }
   },
 }
 </script>
 
 <style lang="scss" scoped>
-uni-page-body{
-  height: 100%;
-}
 .AppPageMerchant{
-  height: 100%;
+  padding: 20px;
+  .list{
+    background-color: #fff;
+    border-radius: 16px;
+    overflow: hidden;
+    .item{
+      text-align: center;
+      padding-bottom: 38px;
+      border-right: 1px solid #eee;
+      width: calc(33% - 1px);
+      float: left;
+      .icon{
+        display: inline-block;
+        width: 80px;
+        height: 80px;
+        margin: 40px 0 8px 0;
+        background-size: 100% 100%;
+        text-align: center;
+      }
+      p{
+        font-size: 28px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #3D434A;
+        line-height: 40px;
+      }
+    }
+    .item:nth-of-type(3n) {
+      border-right: 0;
+    }
+  }
 }
 </style>