概述

AUI为一款轻量级前端UI框架,更偏重于CSS布局及样式的构造,通俗易懂的写法及模块式的拼装方便用户自由扩展。轻小的体积、灵活的扩展性,大大提高移动端项目的体验度和开发效率。

在目前市场上的UI框架中,大多数的框架以JS来实现过多的功能和布局。当然并不是否定JS在一个移动前端框架中的作用性,既然是前端框架侧重点要更多的考虑框架本身在一个项目中的资源消耗问题及如何提高用户的体验度。鉴于APICloud多窗口结构及原生模块的拼装,所以在移动端项目中AUI强调更多的是快速布局、灵活布局的实现,结合APICloud本身特性,提高开发效率及用户体验。

最新版本为v1.2.1

aui所有的样式均有aui-前缀。在布局app样式时,为了确保绘制和缩放的效果需要在<head>标签中添加 viewport 元数据标签
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
同时添加format-detection
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
加载上aui.css样式表,享受编程之美。
<link rel="stylesheet" type="text/css" href="../css/aui.css" />

注意,在win窗口中如果没有特别的处理,建议使用aui-win.css或aui-win.min.css

更新说明:版本号V1.2.1

一、轮播组件优化更新
新增当前页返回及获取总页数接口,方便用户扩展
二、基于轮播组件新增引导页
三、优化列表右滑菜单
四、全屏滑动组件优化重构
全屏滑动组件重新架构,提高流畅度,js文件为aui-slider-full.js,原js已弃用,具体使用方法参考官方文档
五、日历组件重新架构
对日历组件重新做了架构,具体使用方法参考官方文档
一、轮播组件优化更新
新增当前页返回及获取总页数接口,方便用户扩展
二、基于轮播组件新增引导页
三、优化列表右滑菜单
四、全屏滑动组件优化重构
全屏滑动组件重新架构,提高流畅度,js文件为aui-slider-full.js,原js已弃用,具体使用方法参考官方文档
五、日历组件重新架构
对日历组件重新做了架构,具体使用方法参考官方文档


更新说明:版本号 V 1.2.0

一、将aui.css字体图标样式分离
aui.css图标样式分离为aui-iconfont.css,该样式表在aui.css中已被默认加载,不需要二次引入。方便用户后期对字体图标的扩展管理

二、新增两套下拉刷新组件
推出了两套不同样式的下拉刷新组件,用户可自由扩展和二次开放,更方便前端人员的设计。

三、轮播组件
从引导页到幻灯片,AUI轮播组件轻松搞定,自定义分页样式,控制播放时间,循环,自动播放等

四、列表项滑动菜单
期待已久的列表项滑动显示菜单也终于发布了,用户可根据需求自定义按钮及样式,支持aui所有的布局列表嵌套

五、手风琴折叠面板
折叠面板控件也来了,这个就不多介绍了,可以嵌套任何组件

六、新增一套仿QQ游戏中心首页模板

七、AUI Flex优化,兼容安卓4.2

八、索引列表优化

九、喜欢AUI,就赶快分享吧


---v1.1.9 更新说明---

一、AUI Flex框架发布
二、aui.css新增边框样式
三、新增索引列表
script/aui-indexed-list.js  css/aui-indexed-list.css
四、aui-calendar.css优化
修复一处touch造成的bug

<p><br /></p>