uniapp加载图片示例

在UniApp中加载图片，你可以使用内置的`Image`组件，它支持从本地、网络以及相册等多种来源动态加载图片。以下是一个简单的示例：

<view>
  <image src="@/assets/images/example.jpg" mode="widthFix"></image>
</view>

<!-- 或者从网络加载 -->
<view>
  <button @click="loadRemoteImage">加载网络图片</button>
  <image :src="remoteImageUrl" mode="widthFix" lazy></image>
</view>

<script>
export default {
  data() {
    return {
      remoteImageUrl: '',
    };
  },
  methods: {
    loadRemoteImage() {
      this.remoteImageUrl = 'https://example.com/image.jpg'; // 替换为你需要的网络图片URL
    },
  },
};
</script>

在这个例子中，`src`属性用于设置图片路径，如果是网络图片，则可以使用`:src`绑定变量，并结合`lazy`属性来延迟加载。