在vue项目中使用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 模式时的 z-index

zIndexInline数字 0 设置图片查看器 inline 模式时的 z-index

url 字符串/函数 src 设置大图片的 url

build 函数 null回调函数

built 函数 null回调函数

show函数 null回调函数

shown 函数 null回调函数

hide函数 null回调函数

hidden 函数 null回调函数

view函数 null回调函数

viewed 函数 null回调函数

底部的选项卡 如果是html中的 就只能html里面控制 如果是你自己app的 你新开的activity 应该不会有三 或者webview里面有个方法

public void onPageFinished(WebView view, String url) {

//在这儿隐藏

super.onPageFinished(view, url)

}