el-image-viewer该怎么设置参数使用示例

好的，下面是一个使用el-image-viewer组件的示例代码，包括如何设置属性和使用slot自定义工具栏和指示器的内容：

<template>
  <div>
    <el-image-viewer
      :image-list="imageList"
      :show-toolbar="true"
      :show-indicators="true"
      :max-zoom="3"
      :min-zoom="0.2"
      :zoom-step="0.01"
      :rotate-step="90"
    >
      <template #toolbar>
        <div class="my-toolbar">
          <el-button type="primary" @click="handleDownload">下载图片</el-button>
        </div>
      </template>
      <template #indicators="{ index, length }">
        <div class="my-indicators">{{ index + 1 }} / {{ length }}</div>
      </template>
    </el-image-viewer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageList: [
        {
          src: 'https://example.com/image1.jpg',
          name: '图片1',
          desc: '这是一张图片1',
        },
        {
          src: 'https://example.com/image2.jpg',
          name: '图片2',
          desc: '这是一张图片2',
        },
        {
          src: 'https://example.com/image3.jpg',
          name: '图片3',
          desc: '这是一张图片3',
        },
      ],
    };
  },
  methods: {
    handleDownload() {
      // 下载图片的逻辑
    },
  },
};
</script>

在上面的代码中，我们设置了el-image-viewer的一些属性，比如image-list、show-toolbar、show-indicators等。同时，我们还使用了slot来自定义工具栏和指示器的显示内容，分别使用了#toolbar和#indicators指令。在#toolbar中，我们添加了一个“下载图片”的按钮，点击后会触发handleDownload方法；在#indicators中，我们自定义了指示器的显示格式，显示当前图片的序号和总数。