收藏
回答

swiper组件卡住

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 客户端 7.0.5 2.1.0

- 当前 Bug 的表现(可附上截图)


swiper组件侧滑滑到一半的时候另一个手指触摸屏幕下滑,卡住swiper,swiper的自动播放也会卡死。并且下拉刷新页面swiper都不会被刷新,



- 预期表现


希望swiper不要被下拉所影响。

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

2 个回答

  • change。
    change。
    2019-07-11
    <!--index.wxml-->
    <swiper indicator-dots="{{indicatorDots}}"
      autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
      <block wx:for="{{imgUrls}}">
        <swiper-item>
          <image src="{{item}}" class="slide-image" width="355" height="150"/>
        </swiper-item>
      </block>
    </swiper>
    //index.js
    //获取应用实例
    const app = getApp()
    Page({
      data: {
        imgUrls: [
          'https://images.unsplash.com/photo-1551334787-21e6bd3ab135?w=640',
          'https://images.unsplash.com/photo-1551214012-84f95e060dee?w=640',
          'https://images.unsplash.com/photo-1551446591-142875a901a1?w=640'
        ],
        indicatorDots: false,
        autoplay: false,
        interval: 5000,
        duration: 1000
      },
      changeIndicatorDots: function (e) {
        this.setData({
          indicatorDots: !this.data.indicatorDots
        })
      },
      changeAutoplay: function (e) {
        this.setData({
          autoplay: !this.data.autoplay
        })
      },
      intervalChange: function (e) {
        this.setData({
          interval: e.detail.value
        })
      },
      durationChange: function (e) {
        this.setData({
          duration: e.detail.value
        })
      }
    })

    其实就是官网的demo,视频不让放,就算了吧。

    2019-07-11
    有用
    回复
  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2019-07-11

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-07-11
    有用
    回复 10
    查看更多(5)
登录 后发表内容