swiper 查看更多跳转其他页面 (多加项点击跳转/滑动跳转)

  • Post author:
  • Post category:其他


<swiper :current=”swiperCurrent” @transition=”transition” @animationfinish=”animationfinish” next-margin=’200rpx’>

<swiper-item class=”swiper-item” v-for=”(item, index) in tabs” :key=”index” >

</swiper-item>

<!– <swiper-item class=”swiper-item” :key=”tabs.length”>

点击查看更多

</swiper-item> –>

</swiper>

transition(e) {

let tepCount=0

if(this.swiperCurrent==2){//2为最后一个swiper项的key值

tepCount=1

}

if(tepCount==1&& !e.detail.dx){//dx为偏移量,当为0的时候说明放开不滑了

uni.navigateTo({

url: ‘/pages/index/index-Email’,

fail(err){console.log(err)}

});

}

}

注:swiper一屏展示多项使用next-margin=’200rpx’+swiper-item的margin 可以实现



版权声明:本文为m0_50407308原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。