Bagaimana untuk melaksanakan fungsi menyemak imbas imej dan pratonton imej dalam uniapp

"easycom": {
  "autoscan": true,
  "custom": {
    "^uni-(.*)": "@/uni-ui/uni-$1/uni-$1.vue"
  }
}

<template>
  <view>
    <!-- 图片列表 -->
    <view v-for="(item, index) in images" :key="index" @click="previewImage(index)">
      <image :src="item.url"></image>
    </view>
  
    <!-- 图片预览组件 -->
    <uni-gallery :current="currentIndex" :urls="imageUrls" :show="{{previewVisible}}" @change="previewChange"></uni-gallery>
  </view>
</template>

<script>
import {uniGallery} from 'uni-ui'

export default {
  components: {
    uniGallery
  },
  data() {
    return {
      images: [
        {url: '图片1的URL'},
        {url: '图片2的URL'},
        {url: '图片3的URL'}
      ],
      currentIndex: 0,  // 当前显示的图片索引
      previewVisible: false  // 是否显示图片预览
    }
  },
  computed: {
    imageUrls() {
      return this.images.map(item => item.url)  // 构建图片URL数组
    }
  },
  methods: {
    previewImage(index) {
      this.currentIndex = index  // 设置当前显示的图片索引
      this.previewVisible = true  // 显示图片预览
    },
    previewChange(e) {
      this.currentIndex = e.detail.current  // 图片预览切换事件处理
    }
  }
}
</script>