# 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)
