iView alipay

一套高质量的支付宝小程序 UI 组件库

使用 Antmove 小程序转换器基于 iview-weapp 转换得到。

大部分组件都保留了原有的用法，只有一两个做了少许的改动。支付宝版本文档近期推出。

快速上手

使用之前

在开始使用 iView alipay 之前，你需要先阅读 支付宝小程序自定义组件 的相关文档。

如何使用

下载 iView 的代码，将 dist 目录拷贝到自己的项目中。然后按照如下的方式使用组件，以 Button 为例，其它组件在对应的文档页查看：

1. 添加需要的组件。在页面的 json 中配置（路径根据自己项目位置配置）：

"usingComponents": {
    "i-button": "../../dist/button/index"
}

1. 在 axml 中使用组件：

<i-button type="primary" onClick="handleClick">这是一个按钮</i-button>

预览

• 支付宝小程序

• gif 效果图

IDE 预览

下载本项目到本地，使用支付宝 IDE 打开 iview-alipay 即可预览。

预览时请在项目详情设置中开启 component2 编译，详情可参考支付宝小程序自定义组件使用介绍。

文档

• iView Aliapp 文档
• iView weapp 文档