在使用 swiper 时,有些场景需要一次载入的图片太多,消耗资源的同时也会影响用户体验。
自己的解决方法是这样的:
- 创建图片【地址数组】
- 根据需要展示图片的总数创建一个空的数组,即用来页面绑定的【页面数组】
- 初始化【页面数组】,为第 1、2 项赋值
- 当向右滑动时,接着为【页面数组】的第 3 项赋值
- 直到全部展示完毕
如果用户提前离开,就能避免未展示项图片的加载。
代码如下:
<view class="s-page">
<swiper class="s-swiper"
snap-to-edge="false"
indicator-dots="true"
bindchange="swiperChange">
<block wx:for="{
{pageList}}"
wx:key="*this">
<swiper-item class="s-swiper_item