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

开发

1. yarn 或者 ayarn（阿里内网）安装依赖
2. 小程序 IDE 打开组件（下载地址）

更多命令

• miapp newbranch: 新建分支
• miapp push: 提交代码
• miapp prepub: 预发（发布 beta 版本）
• miapp publish: 正式发布