更新记录

1.0.9(2023-05-17) 下载此版本

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

1.0.8(2023-04-28) 下载此版本

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

1.0.7(2023-04-23) 下载此版本

支持传入单位%

查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
-

其他

多语言 暗黑模式 宽屏模式
× ×

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协议

暂无用户评论。

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