v-viewer图片全屏预览插件

基本使用方式就不介绍了,随便找都有,主要讲一下扩展。

thumbs为图片集: Array

目标:我这想要鼠标悬停时淡入放大镜图标,点击放大对应的图片

实现: 用slot-scope自定义想要的展示效果,用$viewer.view(index)放大对应的图片

html


js

你可能感兴趣的:(v-viewer图片全屏预览插件)