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)

• 初始版本
• 整理了一些常用基本组件，后续会慢慢再更新一些常用功能组件。