收藏
回答

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
    • change。
      change。
      2019-07-11
      看楼下的源码,其实就是官网的demo,微信就是今天的最新版,手机是华为P20(我公司的几台测试手机都不行,机型莫的意义),系统是最新版的系统。
      2019-07-11
      回复
    • change。
      change。
      2019-07-11
      你要需要的话可以私我给你发我录的视频。
      2019-07-11
      回复
    • 是小白啊
      是小白啊
      2019-07-11回复change。

      代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)这个格式的代码片段,视频可以发下我邮箱:804090299@qq.com

      2019-07-11
      回复
    • change。
      change。
      2019-07-11回复是小白啊
      https://developers.weixin.qq.com/s/dFDHLMm97W9k
      2019-07-11
      回复
    • change。
      change。
      2019-07-11
      邮件发了
      2019-07-11
      回复
    查看更多(5)
登录 后发表内容