【银保app】增加服务页面和我的页面跳转功能 vant版本回归到2.2.0 消息图标用img表示 不用icon

package.json

@@ -32,7 +32,7 @@
     "jsencrypt": "^3.2.1",
     "nprogress": "^0.2.0",
     "pdfh5": "^1.2.13",
-    "vant": "2.12.24",
+    "vant": "2.2.0",
     "vee-validate": "^2.2.14",
     "vue": "^2.6.10",
     "vue-hash-calendar": "^1.2.12",

src/views/YB_APP/home.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="public_container" :style="{paddingTop:marginTop+'px'}">
     <div class="head" style="margin: 10px;border-radius: 5px;">
-      <van-swipe :autoplay="3000" style="width: 100%; height: 200px">
+      <van-swipe :autoplay="3000" style="width: 100%;">
         <van-swipe-item v-for="(item, index) in activity" :key="index">
           <!-- <img :src="config.assetsUrl + item.img + '?v=' + thisGetTime" /> -->
           <img :src="item.img">
@@ -411,7 +411,6 @@ export default {
     background-size: contain;
   }
   .head {
-    height: 200px;
     position: relative;
     box-shadow: 0px 5px 8px 0px #7a6fc1;
     img {
@@ -419,6 +418,9 @@ export default {
       height: 100%;
       border-radius: 5px;
     }
+    /deep/ .van-swipe-item{
+      height: auto;
+    }
   }
   /deep/ .van-notice-bar{
     border-radius: 5px;

src/views/YB_APP/mine.vue

@@ -1,9 +1,8 @@
 <template>
   <div class="public_container" style="position: relative;">
-    <p style="color: #fff;font-size: 20px;position: absolute;top: 50px;right: 10px;padding: 5px;background: #698ad9;border-radius: 20px;width: 20px;display: flex;justify-content: center;align-items: center;">
+    <p style="position: absolute;top: 50px;right: 15px;">
-      <van-icon v-if="!messages" name="chat-o" />
+      <img v-if="!messages" style="width:20px;" src="@/assets/YB_APP/images/3.png">
-      <van-icon v-if="messages" name="chat-o" dot/>
+      <img v-if="messages" style="width:20px;" src="@/assets/YB_APP/images/4.png">
-      <!-- <van-icon name="chat-o" dot /> -->
     </p>
     
     <div style="display:flex;justify-content: flex-start;padding: 65px 15px 15px 20px;align-items: center;">
@@ -44,7 +43,7 @@
     </div>
 
     <div class="menu1" style="margin: 15px;background: #fff;border-radius: 5px;padding: 8px;margin-top: 5px;">
-      <van-cell v-for="(item,index) in menu1" is-link>
+      <van-cell v-for="(item,index) in menu1" is-link @click="pageJump(item)">
         <template #title>
           <div style="display:flex;align-items: center;">
             <img style="width:20px;" :src="item.img">
@@ -115,7 +114,8 @@ export default {
             res.content.icon.myPageIcon.forEach(item=>{
               this.menu1.push({
                 name:item.title,
-                img:item.img
+                img:item.img,
+                route:item.route
               })
             })
           }
@@ -141,7 +141,12 @@ export default {
               // 用户选择了头像预览
           }
       })
-    }
+    },
+    pageJump(data){
+      if(data.name != '设置'){
+        window.location.href = data.route
+      }
+    },
   },
   filters: {
     encryCheckModelName(code) {

src/views/YB_APP/service.vue

@@ -15,7 +15,7 @@
         <span style="font-size: 16px;font-weight: bold;margin-left: 15px;">投保相关</span>
       </p>
       <div style="display:flex;justify-content: space-around;align-items: center;">
-        <div v-for="(item, ind) in menu1" :key="ind" style="text-align: center;width: 25%;">
+        <div v-for="(item, ind) in menu1" :key="ind" @click="pageJump(item)" style="text-align: center;width: 25%;">
           <div>
             <img style="width: 34px;" :src="item.img">
           </div>
@@ -30,7 +30,7 @@
         <span style="font-size: 16px;font-weight: bold;margin-left: 15px;">活动管理</span>
       </p>
       <div style="display:flex;justify-content: space-around;align-items: center;">
-        <div v-for="(item, ind) in menu2" :key="ind" style="text-align: center;width: 25%;">
+        <div v-for="(item, ind) in menu2" :key="ind" @click="pageJump(item)" style="text-align: center;width: 25%;">
           <div>
             <img style="width: 34px;" :src="item.img">
           </div>
@@ -45,7 +45,7 @@
         <span style="font-size: 16px;font-weight: bold;margin-left: 15px;">扩展服务</span>
       </p>
       <div style="display:flex;justify-content: flex-start;align-items: center;">
-        <div v-for="(item, ind) in menu3" :key="ind" style="text-align: center;width: 25%;">
+        <div v-for="(item, ind) in menu3" :key="ind" @click="pageJump(item)" style="text-align: center;width: 25%;">
           <div>
             <img style="width: 34px;" :src="item.img">
           </div>
@@ -100,19 +100,22 @@ export default {
               if(item.type == 'insure'){
                 this.menu1.push({
                   title:item.title,
-                  img:item.img
+                  img:item.img,
+                  route:item.route
                 })
               }
               if(item.type == 'activity'){
                 this.menu2.push({
                   title:item.title,
-                  img:item.img
+                  img:item.img,
+                  route:item.route
                 })
               }
               if(item.type == 'extend'){
                 this.menu3.push({
                   title:item.title,
-                  img:item.img
+                  img:item.img,
+                  route:item.route
                 })
               }
             })
@@ -123,6 +126,9 @@ export default {
         }
       })
     },
+    pageJump(data){
+      window.location.href = data.route
+    },
   },
 }
 </script>