0.0.1-beta.0 • Published 5 months ago
@lx-vue-materiel/img-preview-h5 v0.0.1-beta.0
@lx-vue-materiel/img-preview-h5
如果引入失败 请检查swiper 是否在vue配置中
0.0.1 版本
已有功能
- 传入图片和视频切换预览，以及指定初始位置
- 支持图片双击放大缩小
- 支持图片 双指 放大缩小
- 支持图片 放大后 手势滑动
- 支持视频切换暂停
- ......
1. 传入props
| props | 说明 | 类型 | 默认值 |
|---|---|---|---|
| visible.sync | 预览组件是否展示 | Boolean | false |
| mediaData | 预览组件Data | url: String, type: 'img' | video | [] |
| maxZoom | 可选 - 双指手势最大缩放 | Number | 3 |
| minZoom | 可选 - 双指手势最小缩放 | Number | 1/3 |
| isHandleSingleClose | 可选 - 单击是否关闭预览（注意：视频模式禁止关闭预览） | Number | true |
2. 事件
| event | 说明 | arguments | 默认值 |
|---|---|---|---|
| update:visible | .sync 回调 | Boolean | false |
| change | 当前页面变化回调 | {oldShowIndex: Number, showIndex: Number} | |
| close | 关闭回调 | {showIndex} |
todo1
0.0.1-beta.0
5 months ago
0.0.1
5 months ago