您的位置:首页 > Web前端 > Vue.js

vue 图片放大查看器viewer

2019-03-14 16:15 183 查看

1、安装依赖
npm install v-viewer --save
2、全局引入

[code]import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'

Vue.use(Viewer);
Viewer.setDefaults({
Options: {
"inline": true, "button": true, "navbar": true, "title": true,"toolbar": true,
"tooltip": true, "movable": true,"zoomable": true,"rotatable": true,
"scalable": true,"transition": true, "fullscreen": true, "keyboard": true,
"url": "data-source"
}
})

单张图片--多张图片

http://fengyuanchen.github.io/viewer/

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: