# AUI

**Repository Path**: ThinkPHP/AUI

## Basic Information

- **Project Name**: AUI
- **Description**: AUI是针对APICloud开发一套纯css前端ui框架
- **Primary Language**: CSS
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 0
- **Created**: 2015-07-18
- **Last Updated**: 2024-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 版权说明
我只是看着这个项目很好，自己也在用，就搬了过来。版权归```流浪男  QQ：343757327  http://www.liulangna.com```所有。

### AUI说明
AUI是一套针对APICloud定制的一套ui框架，完全属于个人爱好兴趣，也就没有什么官方不官方的。大家在使用中可以多多的提出意见以便后面继续完善。目前市场上的ui框架还是蛮多的，都号称什么罪接近原生效果的ui框架，我也是很不理解，既然是一个app为什么非要弄成原生ui的效果，做出来的app岂不是千篇一律？当时多少的借鉴一下还是可以的，AUI里面没有太多的原生ui的元素，我只弄适合开发者来使用的一个ui，想要原生ui效果的就要绕行了。

在编写的过程没有加入太多的样式处理，选择了app上常用的布局样式，然后通用化，防止脚本文件过大，造成app加载速度变慢。基本的样式包括文字，按钮，普通列表，图文类列表，表单，开关类，多选单选的操作，导航条等，用户可以自由组装成想要的样式，文件大小在20k左右。

aui为什么没有太多的js效果？不是不想写，目前市场上针对H5 app的原生js插件蛮多的而且效果也相当不错，什么幻灯片，懒加载之类的。第二在APICloud开发中，很多js效果会有原生模块的实现，流畅度比js要好的多，所有针对市场少比较少的效果和针对apicoud来做了点js的处理。

后期我也会接住aui做一些模版案例放出来共享下。

### 文档
osc文档：[http://aui.mydoc.io/](http://aui.mydoc.io/)


### 演示APP
扫描二维码下载

![扫描二维码下载](https://static.oschina.net/uploads/img/201507/18102205_bYLH.jpg "扫描二维码下载")


### 预览图
![按钮](http://git.oschina.net/uploads/images/2015/0718/103212_6e8eb69d_431.png "按钮")

![表单](http://git.oschina.net/uploads/images/2015/0718/103245_4a7f7f5f_431.png "表单")

![switch开关](http://git.oschina.net/uploads/images/2015/0718/103255_ac5a0d33_431.png "switch开关")

![checkbox](http://git.oschina.net/uploads/images/2015/0718/103305_ba8ef8cb_431.png "checkbox")

![列表](http://git.oschina.net/uploads/images/2015/0718/103315_0a900a5a_431.png "列表")

![列表](http://git.oschina.net/uploads/images/2015/0718/103323_155ac94a_431.png "列表")

![有缩略图的列表样式](http://git.oschina.net/uploads/images/2015/0718/103334_d8b79407_431.png "有缩略图的列表样式")

![图片列表布局样式](http://git.oschina.net/uploads/images/2015/0718/103344_887cd04e_431.png "图片列表布局样式")

![顶部导航栏](http://git.oschina.net/uploads/images/2015/0718/103354_19d60f6f_431.png "顶部导航栏")

![底部的工具切换栏](http://git.oschina.net/uploads/images/2015/0718/103403_3273e3f7_431.png "底部的工具切换栏")

![九宫格](http://git.oschina.net/uploads/images/2015/0718/103414_f5d0bc70_431.png "九宫格")

![十六宫格](http://git.oschina.net/uploads/images/2015/0718/103423_d5a5c22d_431.png "十六宫格")

![通讯录](http://git.oschina.net/uploads/images/2015/0718/103433_734904ea_431.png "通讯录")

![会话界面](http://git.oschina.net/uploads/images/2015/0718/103441_5b000018_431.png "会话界面")

![图标](http://git.oschina.net/uploads/images/2015/0718/103458_ae93676e_431.png "图标")

![案例列表](http://git.oschina.net/uploads/images/2015/0718/103507_b8a929b1_431.png "案例列表")

![首页](http://git.oschina.net/uploads/images/2015/0718/103615_16a0d9aa_431.jpeg "首页")

![会员中心](http://git.oschina.net/uploads/images/2015/0718/103624_5555c8c0_431.png "会员中心")