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属性内容和尺寸 |
|
7 |
'toolbar': false, // 是否显示工具栏 |
|
8 |
'tooltip': true, // 放大或缩小图片时,是否显示缩放百分比,默认true |
|
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 |
|
15 |
'scalable': true, // 是否可以翻转图片,默认true |
|
16 |
'toggleOnDblclick': true, // 放大或缩小图片时,是否可以双击还原,默认true |
|
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; |