iView-Aliapp支付宝小程序 UI 组件库

联合创作 · 2023-09-28 01:17

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 编译,详情可参考支付宝小程序自定义组件使用介绍



文档


浏览 21
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报