<!--
 * @Author: liangxl 1316613426@qq.com
 * @Date: 2022-09-22 15:13:51
 * @LastEditors: liangxl 1316613426@qq.com
 * @LastEditTime: 2022-09-22 18:29:17
 * @FilePath: \homework-system-pc\packages\multi-file-preview\README.md
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
## 安装
```
需要提前安装好西瓜播放器：npm install xgplayer
安装方式：npm i dn-multi-file-preview

```

## 参数
```

属性|作用|传入类型
-:|-:|-:|-:
v-model|控制弹框是否显示|Boolean
fileData|文件参数|object（具体请看下）
```

### fileData属性
```
属性|作用|传入类型
-:|-:|-:|-:
url|文件在文件服务器的地址|url
contentType|文件类型|string
```

## 使用方式
```
在main.js中引入：
import multiFilePreview from 'dn-multi-file-preview';
Vue.use(multiFilePreview)

使用方式
<multiFilePreview v-model="visible"  :fileData="filePreview"></multiFilePreview>


```