更新记录

1.0.9（2023-05-17） 下载此版本

新增errorText，当图片不存在或报错的情况下友好提示

1.0.8（2023-04-28） 下载此版本

修正图片尺寸为number格式式抱错

1.0.7（2023-04-23） 下载此版本

支持传入单位%

查看更多

平台兼容性

Vue2 Vue3
√ √
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.7 app-vue app-nvue √ √ √ √ √ √
钉钉小程序 快手小程序 飞书小程序 京东小程序
√ √ √ √
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ √ √ √ √

m-image

插件描述

在开发时我们会使用一张图片，但是每次都需要定义图片的宽高圆角，好一点的会定义一个class，偷懒一点的直接style更快更方便 m-image做了一个简单的封装，直接使用属性解决

所有使用和原生image一模一样，查看原生使用说明，对原生进行了一些扩展， 更多新增请看文档

如果图片加载报错，或者图片地址为空（后台没给图片地址），会出现图片占位灰色背景，并在图片中间提示图片大小

开始使用

<m-image radius="8" width="690" height="400" src="src/path" />
<m-image round width="690" height="400" src="src/path" />

新增属性说明

新属性名 返回值说明
width 图片宽度，默认单位为rpx
hieght 图片高度，默认单位为rpx
radius 圆角大小，默认单位为rpx
round 是否显示为圆形 默认单位为rpx
errorText 图片错误的情况下,友好提示文字

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...