myphoto-layer简单的单张图片查看器组件使用方式

为满足项目需求,开发了一款简洁的图片查看器组件,适用于查看单张图片的场景。该组件通过npm包提供,支持设置扩展参数如宽度和高度。

前言:

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

安装:

npm i myphoto-layer

在需要的文件中引入:

import  { photoInfo } from 'myphoto-layer'

参数:

id // 唯一标识
params // 扩展参数,目前包含width,height

使用方式:

使用方式1: photoInfo('layerID_1')

使用方式2扩展参数: photoInfo('layerID_1', { width: '300px', height: '200px' })
this.$nextTick(function () {
    photoInfo('id')
})

gitee仓库:myphoto-layer: 轻量级图片查看器

效果图:

 

作者博客:我的个人日志

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值