uniapp 图片预览

UniApp是一个跨平台的应用开发框架，可以使用Vue.js编写一次代码，然后同时发布到多个平台。在UniApp中，可以通过使用uni-app-plus插件来实现图片预览功能。

首先，在项目中安装uni-app-plus插件。可以通过在命令行中运行以下命令来安装：

npm install uni-app-plus

然后，在需要使用图片预览的页面中，引入uni-app-plus插件：

import uniImagePreview from 'uni-app-plus/dist/uniImagePreview'

export default {
  methods: {
    previewImage(url) {
      uniImagePreview.previewImage({
        urls: [url],
        current: url
      })
    }
  }
}

在上面的代码中，我们定义了一个`previewImage`方法来打开图片预览。该方法接收一个图片的URL作为参数，并使用`uniImagePreview.previewImage`方法来预览图片。`urls`参数是一个数组，可以传入多个图片的URL，`current`参数则是当前要预览的图片的URL。

最后，在页面中调用`previewImage`方法来实现图片预览。例如，在模板中点击某个图片时，可以绑定一个点击事件来调用`previewImage`方法：

<template>
  <img :src="imageUrl" @click="previewImage(imageUrl)">
</template>

这样，当用户点击图片时，就会调用`previewImage`方法来预览图片。

注意：使用uni-app-plus插件需要注意相关平台的适配，具体可以参考uni-app官方文档。