因项目需求,需要一个非常简洁的图片查看器,所以花了些时间将这个小组件写了出来,代码及功能都很简单,目前暂时只支持查看单张图片,“上一张”、“下一张”这些均没有去做,所以如果对图片查看功能要求不复杂的需要,可以使用。
安装:
npm i myphoto-layer
在main.js中引入必要的css文件:
import 'myphoto-layer/style.css'
在需要的地方引入组件:
import photo from 'myphoto-layer'
在DOM中添加一个唯一标识:
id="myPhoto"
使用方式:
mounted () {
photo.photoInfo()
},
GITEE仓库地址:
https://gitee.com/zyl915/myphoto-layer
效果图: