评论

使用wxs实现懒加载swiper图片

实现swiper下的图片懒加载,即显示当前swiper-item与前后一帧,其他先不加载。

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

最后一次编辑于  2021-09-07  
点赞 4
收藏
评论

1 个评论

  • Garcia
    Garcia
    2023-10-04

    牛逼!非常有用

    2023-10-04
    赞同
    回复
登录 后发表内容