🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 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)