【银保app】轮播图增加跳转

src/views/YB_APP/home.vue

@@ -2,7 +2,7 @@
   <div class="public_container" :style="{paddingTop:marginTop+'px'}">
     <div class="head" style="margin: 10px;border-radius: 5px;">
       <van-swipe :autoplay="3000" style="width: 100%;">
-        <van-swipe-item v-for="(item, index) in activity" :key="index">
+        <van-swipe-item v-for="(item, index) in activity" :key="index" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend(item)">
           <!-- <img :src="config.assetsUrl + item.img + '?v=' + thisGetTime" /> -->
           <img :src="item.img">
         </van-swipe-item>
@@ -324,6 +324,7 @@ export default {
       colorTwo:false,
       colorThree:false,
       thisValue:'12.9',
+      clickFlag:false,
     }
   },
   mounted(){
@@ -381,11 +382,7 @@ export default {
       this.calendarShow = true
     },
     setAnimation(){
-      let ruleTrue = ` @keyframes changeWidth3 {
+      let ruleTrue = ` @keyframes changeWidth3 { 0% {width: 0px;} 100% {width: 170px;} }`
-        0% {width: 0px;}
-        100% {width: 170px;}
-      }`
-   
       let sheet = document.styleSheets[0]
       sheet.insertRule(ruleTrue, 0)
       this.$refs.imageup1.style.animation = "changeWidth3  1s  forwards"
@@ -397,6 +394,24 @@ export default {
       }else{
         this.$toast('暂未开放')
       }
+    },
+    touchstart(){
+      this.clickFlag = true
+    },
+    touchmove(){
+      this.clickFlag = false
+    },
+    touchend(data){
+      if(this.clickFlag){
+        window.location.href = JSON.parse(data.route).extra.url
+      }else{
+
+      }
+    },
+    swiperJump(data){
+      if(JSON.parse(data.route).extra.url){
+        window.location.href = JSON.parse(data.route).extra.url
+      }
     }
   },
 }