el-image-viewer使用

`el-image-viewer`是Element Plus库中的一个组件，它是Vue.js框架下的一个图片查看器模块。它允许用户点击预览大图，通常用于显示缩略图列表，并提供方便的查看大图的功能。这个组件可以轻松地集成到项目中，通过单击或双击缩略图打开图片，支持多种图片展示效果以及手势操作。

使用`el-image-viewer`的基本步骤包括：

1. 安装Element Plus：如果你还没有安装，首先需要安装Element Plus库，可以使用npm或yarn命令行工具。

   npm install element-plus -S
   # 或者
   yarn add element-plus

2. 在HTML模板中引入并使用组件：

   <template>
     <el-image-viewer :images="imageList" @close="handleClose"></el-image-viewer>
   </template>

其中`imageList`是一个包含图片URL的数组。

3. 配置组件属性和事件处理函数：

   <script setup>
     import { ElImageViewer } from 'element-plus/image-viewer';

     const imageList = [
       // 图片URLs...
     ];

     const handleClose = () => {
       // 关闭事件的回调
     };
   </script>

4. 在适当的时候实例化和显示组件。