小程序防止轮播图抖动

李湘湘

于 2024-09-30 15:21:54 发布

阅读量118

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/qq_40255459/article/details/142657440

版权

防止轮播图抖动

<!--主要看onChange事件，样式代码随便写的-->
<swiper class="head-swiper" current="{{current}}" bind:change="onChange" autoplay='{{true}}'>
			<block wx:for="{{pic}}" wx:for-item="item" wx:for-index="index" wx:key="index">
				<swiper-item>
					<image src="{{item.url}}" bindtap="big_img" data-index="{{index}}" lazy-load></image>
				</swiper-item>
			</block>
			
		</swiper>

// 监听轮播滑动
    onChange(e) {
        let { current, source } = e.detail
        if (source === 'autoplay' || source === 'touch') {//防止图片抖动
          this.setData({
            current: current
          })
        }
      },