## ImageViewer 图片预览

在当前页面中查看预览图

### 基本用法

弹出图片预览模态框，适用于图片较大且不方便展示的情况。


::: demo

```html
<template>
  <div>
    <y-image-viewer :visible.sync="visible" :url-list="urlList"></y-image-viewer>
    <y-button type="text" @click="visible=true">查看</y-button>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        visible: false,
        urlList: [
                'http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf',
          'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'
          // 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
        ]
      }
    }
  }
</script>
<style></style>
```

:::

### ImageViewer Attributes

| 名称    | 说明             | 类型    | 可选值 | 默认值 |
| ------- | ---------------- | ------- | ------ | ------ |
| visible | 是否显示图片预览 | boolean | -      | false  |
| urlList | 预览图片列表     | array   | -      | []     |