uniapp多张图片预览和放大缩小

Uniapp提供了uni-image-preview组件来实现多张图片预览和放大缩小的功能。具体操作步骤如下：

1. 在需要预览的图片上添加uni-image-preview组件。

<uni-image-preview :urls="imageUrls" @change="previewChange"></uni-image-preview>

2. 在对应的data中定义imageUrls数组，存储需要预览的图片链接。

data() {
  return {
    imageUrls: [
      'http://example.com/img1.jpg',
      'http://example.com/img2.jpg',
      'http://example.com/img3.jpg',
      'http://example.com/img4.jpg'
    ]
  }
}

3. 在methods中定义previewChange方法，用来监听预览组件的变化。

methods: {
  previewChange(e) {
    console.log('当前预览到第' + (e.detail.current + 1) + '张图片')
  }
}

通过以上步骤，就可以实现多张图片的预览和放大缩小功能了。需要注意的是，uni-image-preview组件只能预览网络图片，本地图片需要先转成base64格式再进行预览。