微信小程序swiper,修改滑动动画时长和点击进去默认显示的页面

点击不同的图片,进入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});
  },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值