ant-design-vue/components/image/demo/preview-group.vue

29 lines
566 B
Vue

<docs>
---
order: 3
title:
zh-CN: 多张图片预览
en-US: Multiple image preview
---
## zh-CN
点击左右切换按钮可以预览多张图片
## en-US
Click the left and right switch buttons to preview multiple images.
</docs>
<template>
<a-image-preview-group>
<a-image :width="200" src="https://aliyuncdn.antdv.com/vue.png" />
<a-image :width="200" src="https://aliyuncdn.antdv.com/logo.png" />
</a-image-preview-group>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({});
</script>