mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-11-09 07:52:12 +08:00
2.1 KiB
2.1 KiB
| pageClass |
|---|
| comp-page-class |
Zoom 图片放大镜
概述
把小图片放大显示在屏幕中间，当按下Esc或者关闭按钮时隐藏图片。
代码示例
在img标签上设置v-zoom指令，点击显示原图片。
点击查看图片在任何dom或者组件上设置zoom指令，当点击时都会显示放大的图片
src表示图片的路径，minWidth表示图片的最小宽度，maxWidth表示图片的最大宽度
API
Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| src | 图片路径 | String | null |
| minWidth | 图片最小宽度 | Number | 140 |
| maxWidth | 图片最大宽度 | Number | window.innerWidth * 0.8 |