GUI 一款基于小程序规范的组件库,简单、易用、可扩展
使用微信扫一扫体验小程序组件示例
前端小哥正在整理中...
在开始使用 GUI 之前,您需了解 微信小程序自定义组件 的相关文档
到 GitHub 下载 GUI 的代码,将组件目录 component 拷贝到自己的项目中。然后按照如下的方式使用组件,以 Input 为例,其它组件在对应的文档页查看:
1、添加所需要的组件,在引用页面的 json 中配置:
"usingComponents": {
"g-input": "../../component/input/input" //路径根据自己项目位置配置
}
2、在 wxml 中使用组件:
<g-input placeholder='我可以自动获取焦点' focus bindchange="inChange" bindfocus="inFocus" bindblur="inBlur" bindconfirm="inConfirm" />
在GitHub下载代码后,直接用微信web开发者工具新建小程序打开即可。
v1.0.4(2019-11-25)
- 新增Page、Top、Search组件
- Flex布局,新增配置选项 space(间隔)
v1.0.3(2019-11-21)
- 新增Upload(图片上传)组件
v1.0.2(2019-11-20)
- 新增Grid、Clip、Fixed、Swiper、Drop、Indexes组件
v1.0.1(2018-12-20)
- 新增Gesture(手势)、Region(省市区)组件
v1.0.0(2018-09-27)
- 初始版本
- 整理了一些常用基本组件,后续会慢慢再更新一些常用功能组件。