简介
小程序基础核心组件库,让业务开发更加关注业务并且快速实现。
环境准备
小程序基础库版本 1.9.90 以上(可升级小程序开发工具为最新)。
使用
获取源码
项目git地址:git.coding.net/prin/mangom…
配置
- 组件库引入 将mangom-we-demo项目下的pages/mangom-we文件夹导入到项目的的pages目录下,与其他page同级。
- 样式导入
//app.wxss中导入样式
@import 'pages/mangom-we/mg.wxss';
使用一个banner组件
//Demo.json配置文件中引入组件,代码如下
{
"usingComponents": {"banner": "../mangom-we/banner/banner"}
}
/** Demo.xml结构中使用组件
* ds是组件接受数据的统一定义属性,imgUrls是提供的数组数据
* class-img-item是控制banner中子项的样式展示,无需自定义的话则使用默认样式
*/
<banner ds="{{imgUrls}}" class-img-item="mg-banner-img-item"/>
小程序在同一个节点上使用普通样式类和外部样式类时,两个类的优先级是未定义的,为了解组件支持样式默认和自定义,采用所有组件默认样式配置在一个样式表中提供使用,且开放自定义组件样式属性功能。