vue图片插件v-viewer

图片可以左侧缩放、旋转等动画的插件。

参考网站：https://github.com/mirari/v-viewer

参考博文：https://www.jianshu.com/p/84042c7b1b5b 

安装 

npm i v-viewer -S

引入

// vue中main.js里面全局引入 如果没什么特殊的要求Options里面的配置不用写，这都是默认配置
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)
Viewer.setDefaults({
  defaultOptions: {
    zIndex: 9999 //修改默认层级
  },
  Options: {
    'inline':false, //启用inline模式
    'button':true, //右上角按钮
    "navbar": true, //底部缩略图
    "title": true, //当前图片标题
    "toolbar": true, //底部工具栏
    "tooltip": true, //显示缩放百分比
    "movable": true, //是否可以移动
    "zoomable": true, //是否可以缩放
    "rotatable": true, //是否可旋转
    "scalable": true, //是否