myphoto-layer简洁的图片查看组件使用方式

127 阅读1分钟

因项目需求,需要一个非常简洁的图片查看器,所以花了些时间将这个小组件写了出来,代码及功能都很简单,目前暂时只支持查看单张图片,“上一张”、“下一张”这些均没有去做,所以如果对图片查看功能要求不复杂的需要,可以使用。

安装:

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

效果图:

1648191525(12).jpg