基础库2.20.3以上swiper配置了previous-margin、next-margin与circular为true,swiper向右滑动,左边的item,会等滑动动画执行结束才会显示出来。
//index.wxml
<swiper class="swiper" next-margin="70rpx" previous-margin="70rpx" circular="{{true}}">
<block wx:for="{{3}}">
<swiper-item>
<view class='li'>
{{index}}
</view>
</swiper-item>
</block>
</swiper>
//index.wxss
.swiper {
width: 750rpx;
height: 200rpx;
}
.li{
width: 600rpx;
height: 200rpx;
background-color: red;
}
还真没有注意这个问题