点击不同的图片,进入swiper页面,显示到对应的item上
我使用了current属性
第一个页面向第二个页面传递,对应的id
<image class="cxyr-icon {{big_icon == 1?'big':''}}" data-id="1" src="{{chen_icon}}" bindtap="toDetail"></image>
toDetail: function (e) {
var id = e.currentTarget.dataset.id;
wx.navigateTo({
url: '../part_swiper/part_swiper?index='+id,
})
}
第二个页面接收传递过来的id,并赋值给current,第一次跳转到对应的item时,滑动动画时长为0
onLoad: function (options) {
let index_current = options.index-1;
console.log(index_current)
this.setData({index_current: index_current,duration:0});
},
<swiper class="swiper-bottom" style="height: 100%;" current="{{index_current}} " duration="{{duration}}" indicator-dots="true" indicator-color="rgba(255,255,255,.3)" indicator-active-color="#FFF">
<swiper>
在swiper页面,正常滑动时,滑动动画设置为正常的默认500毫秒
onReady: function () {
this.setData({duration:500});
},