<swiper>真机测试时, 轮播图切换会出现<Image>滞后加载
发布于 6 年前 作者 xiulan82 18026 次浏览 来自 问答

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

开发工具中可以连贯动态切换轮播图; 但是真机测试, 当切换到下一个<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;
}
5 回复

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

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

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

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

这个问题是否修复了呢？

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

回到顶部