简单,实用的小程序 UI 库
air-webapp 小程序UI库,简单, 实用。
组件现已包含actionsheet, badge, button, cell, cell-group, icon, loading, loadmore, panel, popup, rate, stepper, switch, timer, top-tips, upload, qrcode.
npm install air-weapp
注意: 线上版本因为腾讯大佬的问题,可能落后于现在版本。
- 在 air-weapp 根目录下运行
# 安装项目依赖 npm install # 执行组件编译 npm run dev
- 打开微信web开发者工具,'本地小程序项目 - 添加项目',把 air-weapp/example 目录添加进去就可以预览示例demo了。
把项目根目录下的dist目录,复制到项目中。
-
正常组件
如按钮组件,只需要在页面中引入按钮自定义组件即可。
{ "usingComponents": { "air-button": "/path/dist/btn/index" } }
<!-- example/btn/index.html --> <air-button>按钮</air-button>
-
API类组件
如 Top-Tips 组件,需要先在页面上引入自定义组件。之后在逻辑运行时,直接调用方法即可展示
{ "usingComponents": { "air-top-tips": "/path/dist/top-tips/index" } }
<air-top-tips id="message" />
本项目基于 MIT协议,请自由地享受和参与开源。
如果你有好的意见或建议,欢迎给我们提 [issue] 或 [PR],为优化 [Air-Weapp] 贡献力量