ImageViewer 图片预览

<!-- 基础用法 -->
  <re-button theme="primary" @click="showViewer1 = true">打开图片预览</re-button>
  <re-image-viewer :images="imageList" :visible="showViewer1" @update:visible="showViewer1 = $event" />

<!-- 隐藏关闭按钮 + 点击遮罩关闭 -->
  <re-button theme="primary" @click="showViewer2 = true">打开（无关闭按钮）</re-button>
  <re-image-viewer :images="imageList" :visible="showViewer2" :closeBtn="false" :closeOnClickMask="true" @update:visible="showViewer2 = $event" />

<!-- 带删除按钮 -->
  <re-button theme="primary" @click="showViewer3 = true">打开（带删除）</re-button>
  <re-image-viewer :images="imageList" :visible="showViewer3" :deleteBtn="true" @update:visible="showViewer3 = $event" />

<!-- 指定当前索引 -->
  <re-button theme="primary" @click="showViewer4 = true">打开（索引为1）</re-button>
  <re-image-viewer :images="multiImageList" :visible="showViewer4" :current="1" @update:visible="showViewer4 = $event" />

<!-- 隐藏状态 -->
  <re-image-viewer :images="imageList" :visible="false" />

<!-- 多图预览 -->
  <re-button theme="primary" @click="showViewer6 = true">打开多图预览</re-button>
  <re-image-viewer :images="multiImageList" :visible="showViewer6" @update:visible="showViewer6 = $event" />

<!-- 自定义样式 -->
  <re-button theme="primary" @click="showViewer7 = true">打开自定义样式</re-button>
  <re-image-viewer :images="imageList" :visible="showViewer7" customStyle="background-color: rgba(0,0,0,0.9);" @update:visible="showViewer7 = $event" />

<!-- 单图预览 -->
  <re-button theme="primary" @click="showViewer8 = true">打开单图预览</re-button>
  <re-image-viewer :images="singleImageList" :visible="showViewer8" @update:visible="showViewer8 = $event" />