1.0.1 • Published 6 years ago
vue2.0-image-viewer
vue图片查看器
Install
yarn add vue2.0-image-viewer
Usage
import Vue from 'vue'
import ImageViewer from 'vue2.0-image-viewer'
Vue.use(ImageViewer)
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| images | 图片url数组 | Array | - | - |
| defaultIndex | 默认开始图片的索引，从 0 开始 | Number | - | 0 |
| visible | 是否显示ImageViewer，要用.sync 修饰 | Boolean | - | false |
| showHandleBar | 是否显示操作栏 | Boolean | - | true |
Slot
| 参数 | 说明 |
|---|
| prevButton | 上一张 Button |
| nextButton | 下一张 Button |
| handleBar | 图片操作栏 |
Methods
| 事件名称 | 说明 | 参数 |
|---|
| zoomAuto | 图片显示为适应窗口/实际尺寸 | - |
| zoomIn | 放大 | - |
| zoomOut | 缩小 | - |
| prev | 上一张 | - |
| next | 下一张 | - |
| leftRotate | 左旋90° | - |
| rightRotate | 右旋90° | - |
| palyPPT | 全屏播放 | - |