inleft
2022-08-30 271ca6cb0ee2ff0a789bf74d1821e7891a7043bb
commit | author | age
80476f 1 //v-viewer 配置项
I 2 const options = {
3     'inline': false, // 是否启用inline模式
4     'button': true, // 是否显示右上角关闭按钮
5     'navbar': true, // 是否显示缩略图底部导航栏
6     'title': false, // 是否显示当前图片标题,默认显示alt属性内容和尺寸
c6793e 7     'toolbar': true, // 是否显示工具栏
80476f 8     'tooltip': true, // 放大或缩小图片时,是否显示缩放百分比,默认true
I 9     'fullscreen': true, // 播放时是否全屏,默认true
10     'loading': true, // 加载图片时是否显示loading图标,默认true
11     'loop': true, // 是否可以循环查看图片,默认true
12     'movable': true, // 是否可以拖得图片,默认true
13     'zoomable': true, // 是否可以缩放图片,默认true
14     'rotatable': true, // 是否可以旋转图片,默认true
c6793e 15     'scalable': false, // 是否可以翻转图片,默认true
80476f 16     'toggleOnDblclick': true, // 放大或缩小图片时,是否可以双击还原,默认true
I 17     'transition': true, // 使用 CSS3 过度,默认true
18     'keyboard': true, // 是否支持键盘,默认true
19     'zoomRatio': 0.1, // 鼠标滚动时的缩放比例,默认0.1
20     'minZoomRatio': 0.3, // 最小缩放比例,默认0.01
21     'maxZoomRatio': 2.0, // 最大缩放比例,默认100
22     // 'url': 'data-source' // 设置大图片的 url
23 }
24 export default options;