uniapp做图片预览

uniapp提供了uni.previewImage方法来实现图片预览功能。你可以使用该方法来预览图片，并且可以在移动端和PC端都进行兼容。

以下是一个示例代码，演示了如何在uniapp中使用uni.previewImage方法来实现图片预览：

<template>
  <view>
    <image v-for="(item, index) in imageList" :key="index" :src="item" @click="previewImage(index"></image>
  </view>
</template>

<script>
export default {
  data() {
    return {
      imageList: ['图片1的URL', '图片2的URL', '图片3的URL'] // 图片URL列表
    }
  },
  methods: {
    previewImage(index) {
      uni.previewImage({
        current: index, // 当前显示图片的索引
        urls: this.imageList // 需要预览的图片URL列表
      })
    }
  }
}
</script>

在上述代码中，我们首先在`<template>`标签中使用`<image>`标签来展示图片，并通过`v-for`指令遍历`imageList`数组来动态生成图片。

然后，在`<image>`标签上绑定了`@click`事件，当用户点击图片时，会触发`previewImage`方法。

在`previewImage`方法中，我们调用了`uni.previewImage`方法来实现图片预览功能。其中，`current`参数表示当前显示图片的索引，`urls`参数表示需要预览的图片URL列表。

通过以上代码，你可以在uniapp中实现图片预览功能，并且在移动端和PC端都能正常使用。