uniapp image图片懒加载

UniApp 提供了 `uni-load-more` 组件可以实现图片懒加载。具体步骤如下：

1. 在 `template` 中使用 `uni-load-more` 组件，并将 `lazy-load` 属性设置为 `true`。

<uni-load-more :lazy-load="true" @load="onLoad">
  <!-- 图片列表 -->
</uni-load-more>

2. 在 `onLoad` 方法中监听 `uni-load-more` 组件的 `load` 事件，当触发事件时，将需要加载的图片的 `src` 属性设置为图片地址。

onLoad() {
  // 获取需要加载的图片列表
  const imgs = this.getImgs()
  // 遍历列表，将图片的 src 属性设置为图片地址
  imgs.forEach((img) => {
    if (!img.src) {
      img.src = img.url
    }
  })
}

这样就可以实现图片懒加载了。需要注意的是，`uni-load-more` 组件只有在滚动到底部时才会触发 `load` 事件，因此需要确保图片在滚动到底部时才会加载。