收藏
回答

微信小程序swiper卡死怎么解决?

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 工具 6.6.7 2.2.1

请附上代码谢谢


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

7 个回答

  • 小王子
    小王子
    2020-07-16

    参考这个https://blog.csdn.net/u010059669/article/details/107385809

    2020-07-16
    有用
    回复
  • 后来者
    后来者
    2018-08-30

    使用官方的小程序示例在swiper那里快速的左右上下滑动必然卡死!安卓和ios都有这个问题!

    2018-08-30
    有用
    回复
  • L.
    L.
    2018-08-22

    我也是,安卓部分手机,会出闪动的情况,完事之后就卡死了... 机型小米8

    2018-08-22
    有用
    回复
  • 以冬
    以冬
    2018-08-09

    对呀 什么时候解决啊 我这边也出现了 经常出现 也没有复现路径 莫名其妙的就卡死了

    2018-08-09
    有用
    回复
  • 当初遇你
    当初遇你
    2018-08-07

    swiper高度无法根据子元素自适应,非要固定高150px  能不能改改啊


    2018-08-07
    有用
    回复 6
    查看更多(1)
  • 灵芝
    灵芝
    2018-08-06

    你好,请提供出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-08-06
    有用
    回复 12
    • 极学者@陈序员
      极学者@陈序员
      2018-08-06

      这个弄起来 太麻烦了

      我把代码段 贴出来吧!

      <swiper autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{true}}"

      previous-margin="15px" next-margin="15px"  current="{{current}}" indicator-dots="{{true}}">

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

      <swiper-item><image src="{{item.url}}" class="slide-image" mode='aspectFill' style="height:150px;" /></swiper-item>

      </block>

      </swiper>


      data: {

      imgUrls: [

      { url: 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg' },

      { url: 'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg' },

      { url: 'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg' }

      ],

      indicatorDots: false,

      autoplay: false,

      interval: 4000,

      duration: 600,

      current: 0

      }


      2018-08-06
      回复
    • 极学者@陈序员
      极学者@陈序员
      2018-08-06回复极学者@陈序员

      就是这样 基本的代码

      我们有时 稍微快点 滑动几下 就卡住了

      2018-08-06
      回复
    • 极学者@陈序员
      极学者@陈序员
      2018-08-06

      我这是 开发工具下 测试的

      2018-08-06
      回复
    • 灵芝
      灵芝
      2018-08-06回复极学者@陈序员

      请按正确格式提供代码片段( https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html 

      2018-08-06
      回复
    • 极学者@陈序员
      极学者@陈序员
      2018-08-06回复灵芝

      wechatide://minicode/qlUlWsmq7q11

      2018-08-06
      回复
    查看更多(7)
  • 极学者@陈序员
    极学者@陈序员
    2018-08-06

    官方来个人呗

    帮忙指导下嘛

    谢谢了

    2018-08-06
    有用
    回复
登录 后发表内容