更新记录
1.0.9(2023-05-17)
新增errorText,当图片不存在或报错的情况下友好提示
1.0.8(2023-04-28)
修正图片尺寸为number格式式抱错
1.0.7(2023-04-23)
支持传入单位%
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.4.7 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
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 |
图片错误的情况下,友好提示文字 |