image
image
使用
在页面的 page.json
中配置:
{
"usingComponents": {
"ma-image": "@ubrorg/image/lib/index"
}
}
在页面的 page.axml
中直接使用:
<ma-image url='' width='' height='' mode='' className='' lazyLoad='' />
option参数
属性 | 类型 | 默认值 | 解释 |
---|
url | string | '' | 图片地址 |
netOut | string | false | 是否为网络请求图片(加了错误处理) |
mode | string | aspectFill | 图片模式 |
width | string | '' | 图片宽度 |
height | string | '' | 图片高度 |
lazyLoad | boolean | false | 懒加载 |
className | string | '' | 外部样式 |
onTap | EventHandle | | 点击图片时触发 |
catchTap | EventHandle | | 点击图片时触发,阻止事件冒泡 |
-
mode
属性
- scaleToFill
- aspectFit
- aspectFill
- widthFix
开发
yarn
或者 ayarn
(阿里内网)安装依赖- 小程序 IDE 打开组件(下载地址)
更多命令
miapp newbranch
: 新建分支miapp push
: 提交代码miapp prepub
: 预发(发布 beta 版本)miapp publish
: 正式发布