# 注意：该仓库已停止维护
如果寻找其它的替代方案，建议使用官方提供的 [antD小程序版](https://mini.ant.design/)


<br/>
<br/>
<br/>
<br/>
<br/>
<hr/>

# iView alipay

### 一套高质量的支付宝小程序 UI 组件库，支持钉钉小程序。

> 使用 [Antmove](https://ant-move.github.io/website/) 小程序转换器基于 [iview-weapp](https://github.com/TalkingData/iview-weapp) 转换得到。

## 文档

* [iView weapp 文档](https://weapp.iviewui.com)

## npm

* [dd](https://www.npmjs.com/package/iview-aliapp-dd)
* [alipay](https://www.npmjs.com/package/iview-aliapp)

## 快速上手
### 使用之前
在开始使用 iView alipay 之前，你需要先阅读 [支付宝小程序自定义组件](https://docs.alipay.com/mini/framework/custom-component-overview) 的相关文档。

### 如何使用

`npm i iview-aliapp -S`

1. 添加需要的组件, 以Button为例。在页面的 json 中配置（路径根据自己项目位置配置）：
```json
"usingComponents": {
    "i-button": "iview-aliapp/dist/dist/button/index"
}
```
2. 在 axml 中使用组件：
```html
<i-button type="primary" onClick="handleClick">这是一个按钮</i-button>
```

### 预览

* 支付宝小程序

<img width='150px' src='https://cache.amap.com/ecology/tool/amap-backend-server/platform/img/16268702913618534.png'/>

* gif 效果图

<img width='150px' src='https://ant-move.github.io/iview-alipay-docs/dist/d9b709109f7d0eb5ed600de339e757ae.gif' /><img width='150px' src='https://ant-move.github.io/iview-alipay-docs/dist/b684ddb29bb562854bb25990fcea34be.gif' />

### IDE 预览

下载本项目到本地，使用支付宝 IDE 打开 alipay/aliapp, 运行`npm i` 安装依赖，即可预览。

> 预览时请在项目详情设置中开启 `component2` 编译，详情可参考[支付宝小程序自定义组件使用介绍](https://docs.alipay.com/mini/framework/custom-component-overview#%E4%BD%BF%E7%94%A8%E9%A1%BB%E7%9F%A5)。

# 联系

如果您在使用的过程中碰到问题，可以通过下面几个途径寻求帮助。

* 钉钉交流群： <img width='200px' src='https://camo.githubusercontent.com/1ac9a77e46126bc321740475803f3b49ffe7f83e1cfdd75683de399a6065272b/68747470733a2f2f63616368652e616d61702e636f6d2f65636f6c6f67792f746f6f6c2f616e746d6f76652f7765622f6173736574732f636f6e746163742d64696e6764696e672e6a7067'/>
* 邮件：amap-appx@service.autonavi.com

## License

[MIT](http://opensource.org/licenses/MIT)

## 感谢

感谢 TalkingData 团队对 ivew-weapp 的贡献，本项目基于 iview-weapp 转换而来，并做了支付宝小程序平台的适配兼容。
