https://github.com/liujians/Wa-UI

针对微信小程序整合的一套UI库
https://github.com/liujians/Wa-UI

Last synced: 2 months ago
JSON representation

针对微信小程序整合的一套UI库

• Host: GitHub
• URL: https://github.com/liujians/Wa-UI
• Owner: liujians
• License: mit
• Created: 2016-10-17T05:43:17.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-13T02:15:07.000Z (almost 7 years ago)
• Last Synced: 2024-02-13T09:12:13.320Z (11 months ago)
• Language: JavaScript
• Homepage:
• Size: 2.4 MB
• Stars: 311
• Watchers: 23
• Forks: 83
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: License.md

Awesome Lists containing this project

• awesome-github-wechat-app - Wa-UI - 针对微信小程序整合的一套UI库 (UI组件)
• awesome-github-wechat-weapp - Wa-UI - 针对微信小程序整合的一套UI库 (UI组件)

README

        
# Wa-UI

针对微信小程序整合的一套UI库 by liujians [http://liujians.me](http://liujians.me)

## 由于此项目是2016年10月小程序内测时、作者自己使用的UI库（当时市面上还没有小程序的ui库）、目前更推荐大家选择we-ui使用、此项目已不在维护、深表歉意

微信小程序组件如此之丰富、你还需要重量级的组件库来冗余代码吗？

所以只需要Wa-UI这个轻量级的库很快捷的做布局就可以了

##使用须知

import引入即可使用，[快速开始](https://github.com/liujians/wa-ui/wiki/get%20started)

Wa-UI说明文档请参考[Wiki](https://github.com/liujians/wa-ui/wiki "wiki")

IDE更新2800版本之后外部字体icon暂时不能用了，可以使用官方icon和图片替代

###展示

栅格（想要几几分？）

![](https://github.com/liujians/Wa-UI/blob/master/image/show/grid.png)

![](https://github.com/liujians/Wa-UI/blob/master/image/show/grid-view.png)

列表

![](https://github.com/liujians/Wa-UI/blob/master/image/show/list.png)

## 目前样式 ##

### 列表

- 列表&列表项

- 带头像的列表项

- 带缩略图的列表项

- 列表间隔空间

- 列表icon（icon暂停使用）

### 表单

- 按钮三种大小

- 按钮六种颜色

- input默认样式

- input横向

- input堆叠

- 带icon的input（icon暂停使用）

- 带icon的button（icon暂停使用）

###布局

- row&col基于flex的网格布局

- grid-view 基于float的九宫格布局

不断更新中

欢迎一起学习交流



测试使用中，如果你有好的意见或建议请及时联系我

###License

[MIT](https://opensource.org/licenses/MIT)

Copyright (c) 2016 liujians