使用wxs实现小程序懒加载swiper图片(含代码片段)

674 阅读1分钟

目标:

实现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,
};

效果图:

小程序代码片段:developers.weixin.qq.com/s/jjNxo8m97…