# imageDialog 图片查看器
# 初始化
单独引入时：在入口js文件处引入
import { imageDialog } from '@xiaoe/sense'
Vue.use(imageDialog)
1
2
2
# 效果
# 基础用法
<image-dialog
v-if="imgDialogShow"
:url="zoomUrl"
download-title="图片查看器"
:img-list="imgList"
@close-dialog="closeImgDialog"
/>
1
2
3
4
5
6
7
2
3
4
5
6
7
# 参数
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| url | 初始展示的url（必传） | String | '' | - |
| imgList | 图片列表（必传） | Array | [] | — |
| max | 最大缩放系数 | Number | 5 | — |
| min | 最小缩放系数 | Number | 0.2 | — |
# 事件名称
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| change | 关闭图片弹窗触发 | - |
| download | 下载当前显示图片触发 | - |