# aui移动端UI框架
## 简介
> aui 是一套基于原生javascript开发的移动端UI框架。包含常用js API(如：字符校验、本地定时存储、数组对象处理、ajax原生封装、设备信息获取、手势事件...)；插件(如：loading加载、dialog模态框、toast消息提示、picker多级联动...)；UI组件(如：button按钮、tag标签、card卡片...)；常用模板(如：侧滑菜单、加入购物车动画、星级评价、图片上传预览裁剪、选项卡...)。
## 特点
> <p style="color: #c7254e;">1、标准化，产品化</p>
> <p style="color: #c7254e;">2、更多复用，更快效率</p>
> <p style="color: #c7254e;">3、多人协作，更加统一</p>
><p style="color: #c7254e;"> 4、维护方便</p>
> <p style="color: #c7254e;">5、易于使用</p>
> <p style="color: #c7254e;">6、减少UI设计时间</p>
## 引用
````html
<link rel="stylesheet" type="text/css" href="https://aui-js.github.io/aui/static/css/aui.min.css"/>
<script type="text/javascript" src="https://aui-js.github.io/aui/static/js/aui.min.js"></script>
````
## 演示
[查看演示：https://aui-js.github.io/aui/index.html](https://aui-js.github.io/aui/index.html)
<div class="phone" style="margin: 20px 0;
position: relative;
background: #111;
border-radius: 25px;
box-shadow: 0px 0px 0px 2px #aaa;
width: 340px;
height: auto;
text-align: center;
padding: 15px 10px 5px 10px;
box-sizing: border-box;">
<span style="width: 40px; height: 7px; border-radius: 20px; border: 1px solid #999; display: inline-block; margin: 0 auto 10px auto;"></span>
<img style="width: 100%; padding: 0;" src="https://aui-js.github.io/aui/static/img/image/status-bar.png">
<iframe width= 320 height= 550 src="https://aui-js.github.io/aui/index.html" frameborder=0 allowfullscreen style=" background: #f4f4f4;
"> </iframe>
<span style="width: 40px; height: 40px; border-radius: 50px; border: 1px solid #999; display: inline-block; margin: 5px auto 0 auto;"></span>
</div>
## 代码
[Github仓库地址：https://github.com/aui-js/aui](https://github.com/aui-js/aui)
[Gitee码云仓库地址：https://gitee.com/aui-js](https://gitee.com/aui-js)
