ant design vue 图片放大

Ant Design Vue 提供了一个组件 `Modal`，可以用来实现图片放大的效果。具体步骤如下：

1. 引入 `Modal` 组件：

import { Modal } from 'ant-design-vue';

2. 在需要放大图片的位置，添加一个点击事件，打开 `Modal` 弹窗：

<template>
  <div>
    <img @click="showModal = true" src="your-image-url" />
    <a-modal :visible="showModal" @cancel="showModal = false">
      <img src="your-image-url" />
    </a-modal>
  </div>
</template>

3. 在 `data` 中定义一个 `showModal` 变量，用于控制 `Modal` 弹窗的显示和隐藏：

data() {
  return {
    showModal: false
  }
}

这样，当用户点击图片时，就会弹出一个模态框，显示放大后的图片。用户点击模态框外部区域或者关闭按钮，模态框就会关闭，放大后的图片也会随之消失。