简介:
- 局部组件需要引入
效果:
![](https://img.kancloud.cn/4f/1a/4f1aaa43b50be81b6795f9e51ca947a3_399x711.png)
文件位置:
```
@/components/qr-ui/qr-accessory-box
```
案例:
```
<!-- 在对应页面使用 -->
<qr-accessory-box :pictureList="pictureList" documentDownField="downloadUrl" :documentList="documentList" :videoList="videoList"></qr-accessory-box>
data () {
return {
videoList:[{
previewUrl:'http://djtest224.djypre.weidangjian.com/group1/M00/00/F1/rBKY8V7IwcSAb2boABAQFokBPP0583.mp4?token=6918f94dbbd435a2041a49f2364e755d&ts=1590480120',
}],
pictureList:[{
previewUrl:'http://djtest224.djypre.weidangjian.com/group1/M00/00/F1/rBKY8V7IwbuADv5vAAEM5fMBx5Y335.jpg?token=33b5cbec2564802ac597d8db4a8b9ba4&ts=1590480120',
}],
documentList:[{downloadUrl:'http://djtest224.djypre.weidangjian.com/group1/M00/00/F1/rBKY8V7IwaiAHgG8AB-0dTFc3VU85.docx?token=b409ea459d48b467d0ba8bc3798f46cf&ts=1590480120',
previewUrl:'http://djtest224.djypre.weidangjian.com/group1/M00/00/F1/rBKY8V7IwbuADv5vAAEM5fMBx5Y335.jpg?token=33b5cbec2564802ac597d8db4a8b9ba4&ts=1590480120',
}],
}
},
methods: {
}
```
参数:
| 参数 | 作用 | 类型 | 默认 | 是否必传 | 属性 |
| --- | --- | --- | --- | --- | --- |
| videoList | 视频列表 | Array | [] | false | -|
| pictureList | 图片列表 | Array | [] | false | -|
| documentList| 文档列表 | Array | [] | false | -|
| documentDownField | 文档以哪个字段下载|String|''|false|-|
事件:
| 事件名 | 作用 | 参数 |
| --- | --- |--- |
| - | - | - |
平台兼容性:
| android | H5 | IOS | 微信 | 百度 | 支付宝 | 字节跳动 |
| --- | --- | --- | --- | --- | --- |--- |--- |
| √ | √ | 待测试 | 待测试 | 待测试 | 待测试 |待测试 |
组件负责人:佘威