使用wxs实现懒加载swiper图片
目标:实现swiper下的图片懒加载,即只显示当前swiper-item与前后一帧,其他先不加载。
思路:判断swiper-item是否在当前邻近的swiper-item,如果是则显示,否则就隐藏。
核心代码:wxs文件
// 是否邻接
function isAdjoin(index, current, total) {
var abs = Math.abs(index - current);
if (abs <= 1) {
return true;
} else if (abs == total - 1) {
return true;
} else {
return false;
}
}
module.exports = {
isAdjoin: isAdjoin,
};
效果图: