使用wxs实现懒加载swiper图片
发布于 3 年前 作者 xiuying54 3998 次浏览 来自 分享

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

效果图:

代码片段:https://developers.weixin.qq.com/s/jjNxo8m97dtr

回到顶部