有人遇到么, 真机轮播图的问题!!!
开发工具中可以连贯动态切换轮播图; 但是真机测试, 当切换到下一个<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;
}
|
