# Mini Ali UI
[](https://www.npmjs.com/package/mini-ali-ui)
[](https://github.com/Alibaba-mp/mini-ali-ui/stargazers)
[](https://github.com/Alibaba-mp/mini-ali-ui/network/members)
[](https://www.npmjs.com/package/mini-ali-ui)
[](https://github.com/Alibaba-mp/mini-ali-ui/issues)
[](https://github.com/Alibaba-mp/mini-ali-ui/blob/master/LICENSE)
## 示例
## 特性
- 基于 **Alipay Design** 设计规范；
- 支持多端小程序（支付宝，淘宝，钉钉等）；
- 支持主题配置切换；
- 支持 `px` 与 `rpx`；
## 安装
```bash
$ npm install mini-ali-ui --save
```
同时，我们提供了 **rpx** 版本的 mini-ali-ui，如需要使用 **rpx** 作为单位的组件，可以通过下述方式进行安装：
```bash
$ npm install mini-ali-ui-rpx --save
```
## 使用
在页面 json 中文件中进行注册，如 title 组件的注册如下所示：
```json
{
"usingComponents": {
"title": "mini-ali-ui/es/title/index"
}
}
```
如安装的是 **rpx** 版本的 mini-ali-ui，那么在进行组件注册时，修改一下名称即可，方式如下：
```json
{
"usingComponents": {
"title": "mini-ali-ui-rpx/es/title/index"
}
}
```
组件注册成功之后，具体的使用方式无差别。
在 axml 文件中进行调用：
```xml
内部标题可关闭
```
详细使用说明请参照官方文档[使用自定义组件](https://docs.alipay.com/mini/framework/use-custom-component)
## 贡献
如果你有好的意见或建议，欢迎给我们提 [issue](https://github.com/Alibaba-mp/mini-ali-ui/issues)。
## 钉钉群
 群号：**30147295**
## 链接
- [支付宝小程序](https://mini.open.alipay.com/channel/miniIndex.htm)
- [开发工具](https://docs.alipay.com/mini/ide/overview)