收藏
回答

<swiper>真机测试时, 轮播图切换会出现<Image>滞后加载

问题模块
客户端

有人遇到么, 真机轮播图的问题!!!!

开发工具中可以连贯动态切换轮播图; 但是真机测试, 当切换到下一个<swiper-item>时, 加载<Image>会出现零点几秒的滞后加载, 导致图片切换不连贯, 如: 第一张图片, 切换第二张图片时, 先显示空白, 然后才渲染出image


<swiper  class="swiper_box" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
      <block wx:for="{{goodsPicsInfo}}">
           <swiper-item>
               <image src="{{item.picurl}}" class="slide-image" />
           </swiper-item>
      </block>
 </swiper>


data:{
  indicatorDots: true,
  autoplay: true,
  interval: 3000,
  duration: 1200,
  circular:true,
  goodsPicsInfo:[]
},


.swiper_box {
    width: 100%;
    height: 320px;
    background-color: #ffffff;
}
.swiper_box .slide-image{
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
}


最后一次编辑于  2017-03-13  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

5 个回答

  • 耳朵
    耳朵
    2017-11-29

    @野子 我的电脑上是好的,但是在真机上是app.js滞后index.js

    -------------------------------------------------------------- 这个跟问题“轮播图切换会出现<Image>滞后加载”有什么关系?


    2017-11-29
    赞同
    回复
  • 野子🍃
    野子🍃
    2017-11-29

    我的电脑上是好的,但是在真机上是app.js滞后index.js

    2017-11-29
    赞同
    回复
  • 耳朵
    耳朵
    2017-11-28

    这个问题是否修复了呢?

    2017-11-28
    赞同
    回复
  • 野子🍃
    野子🍃
    2017-11-26

    请问app.js加载是不是滞后于index.js呢?

    2017-11-26
    赞同
    回复
  • Special
    Special
    2017-03-13

    多谢反馈,iOS 上是有这个问题,下个版本就能修复

    2017-03-13
    赞同
    回复