1.0.3 • Published 1 year ago
Share package vue3.0-image-viewer vue图片查看器
Install yarn add vue3.0-image-viewer
Usage import { createApp } from "vue";
import App from './App.vue'
import ImageViewer from 'vue3.0-image-viewer'
createApp(App).use(ImageViewer).mount('#app');
Attributes 参数 说明 类型 可选值 默认值 images 图片url数组 Array - - defaultIndex 默认开始图片的索引,从 0 开始 Number - 0 v-model:visible 是否显示ImageViewer Boolean - false showHandleBar 是否显示操作栏 Boolean - true zoomMax 最大放大倍数 Number - 3
Slot 参数 说明 prevButton 上一张 Button nextButton 下一张 Button handleBar 图片操作栏
Methods 事件名称 说明 参数 zoomAuto 图片显示为适应窗口/实际尺寸 - zoomIn 放大 - zoomOut 缩小 - prev 上一张 - next 下一张 - leftRotate 左旋90° - rightRotate 右旋90° - palyPPT 全屏播放 -