收藏
回答

使用swiper实现轮播图,但是不能手动滑动,模拟器跟真机都不能手动切换图片,怎么解决?

WXML代码如下:

<swiper autoplay="true" interval="3000" circular="true" duration="800" bindchange="swiperChange">

        <block wx:for="{{imgUrls}}" wx:key="index">

          <swiper-item>

            <image src="{{item}}" class="slide-image" />

          </swiper-item>

        </block>

      </swiper>

      <view class="dots">

        <block wx:for="{{imgUrls}}" wx:key="index">

          <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>

        </block>

      </view>

js代码

swiperChange(e) {

    let current = e.detail.current;

    this.setData({

      currentSwiper: current,

    })

  },


回答关注问题邀请回答
收藏

2 个回答

  • i
W
    i W
    2021-01-21

    估计你是有什么样式盖住他了,导致无法触摸到

    2021-01-21
    有用 2
    回复 1
    • ぅ會飞的猫
      ぅ會飞的猫
      2021-01-21
      因为我外层div设置了z-index以及相对定位的属性,去掉就行了
      2021-01-21
      回复
  • ぅ會飞的猫
    ぅ會飞的猫
    2021-01-20

    可以每隔800毫秒自动切换图片,但是手动不能切换图片,是样式的问题嘛?

    2021-01-20
    有用
    回复
登录 后发表内容
问题标签