uniapp 在图片加载好之前展示默认图片

在 UniApp 中，你可以通过使用 `lazy-load` 属性和 `error` 事件来实现在图片加载完成之前展示默认图片的效果。

首先，你可以在 `img` 标签上添加 `lazy-load` 属性，这样图片会在进入可视区域时自动加载。然后，在 `img` 标签上添加 `@error` 事件监听图片加载失败的情况。

接下来，你可以在组件的 `data` 中定义一个默认图片的路径，例如：

data() {
  return {
    defaultImage: '默认图片路径'
  }
}

然后，在 `img` 标签中使用条件渲染来判断是否加载成功，如果加载失败则显示默认图片，例如：

<template>
  <img :src="imageSrc" @error="handleError" lazy-load />
</template>

data() {
  return {
    defaultImage: '默认图片路径',
    imageSrc: '实际图片路径'
  }
},
methods: {
  handleError() {
    this.imageSrc = this.defaultImage;
  }
}

这样，如果图片加载失败，`@error` 事件会触发 `handleError` 方法，将 `imageSrc` 修改为默认图片的路径，从而展示默认图片。

希望能帮到你！如果有任何疑问，请随时提问。