vue打开viewer.html,vue中使用viewer.js 插件

一、预览图

二、地址及参数

viewer.js GitHub地址：https://github.com/fengyuanchen/viewerjs

演示地址：https://fengyuanchen.github.io/viewerjs/名称类型默认值说明inline布尔值false启用 inline 模式

button布尔值true显示右上角关闭按钮(jQuery 版本无效)

navbar布尔值/整型true显示缩略图导航

title布尔值/整型true显示当前图片的标题(现实 alt 属性及图片尺寸)

toolbar布尔值/整型true显示工具栏

tooltip布尔值true显示缩放百分比

movable布尔值true图片是否可移动

zoomable布尔值true图片是否可缩放

rotatable布尔值true图片是否可旋转

scalable布尔值true图片是否可翻转

transition布尔值true使用 CSS3 过渡

fullscreen布尔值true播放时是否全屏

keyboard布尔值true是否支持键盘

interval整型5000播放间隔，单位为毫秒

zoomRatio浮点型0.1鼠标滚动时的缩放比例

minZoomRatio浮点型0.01最小缩放比例

maxZoomRatio数字100最大缩放比例

zIndex数字2015设置图片查看器 modal 模式时的层级