iView-Aliapp支付宝小程序 UI 组件库
iView alipay
一套高质量的支付宝小程序 UI 组件库
使用 Antmove 小程序转换器基于 iview-weapp 转换得到。
大部分组件都保留了原有的用法,只有一两个做了少许的改动。支付宝版本文档近期推出。
快速上手
使用之前
在开始使用 iView alipay 之前,你需要先阅读 支付宝小程序自定义组件 的相关文档。
如何使用
下载 iView 的代码,将 dist
目录拷贝到自己的项目中。然后按照如下的方式使用组件,以 Button 为例,其它组件在对应的文档页查看:
- 添加需要的组件。在页面的 json 中配置(路径根据自己项目位置配置):
"usingComponents": { "i-button": "../../dist/button/index" }
- 在 axml 中使用组件:
<i-button type="primary" onClick="handleClick">这是一个按钮</i-button>
预览
- 支付宝小程序
- gif 效果图
IDE 预览
下载本项目到本地,使用支付宝 IDE 打开 iview-alipay 即可预览。
预览时请在项目详情设置中开启
component2
编译,详情可参考支付宝小程序自定义组件使用介绍。
文档
评论