页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

移动端UI快速布局解决方案AUI

UI组件库 移动开发 HTML我帮您 1年前  次浏览

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

通俗易懂的写法及模块式的拼装方便用户自由扩展。轻小的体积、灵活的扩展性,大大提高移动端项目的体验度和开发效率。
AUI框架采用组件化封装模式,提供了丰富的组件及不同主题,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率,让开发者更容易上手

我们坚持做的就是用最短的时间、最高的效率完成前端架构。


<div class="aui-btn aui-btn-success">默认按钮(success)</div>
<div class="aui-btn aui-btn-info">默认按钮(info)</div>
<div class="aui-btn aui-btn-warning">默认按钮(warning)</div>
<div class="aui-btn aui-btn-danger">默认按钮(danger)</div>
<div class="aui-btn aui-btn-info"><span class="aui-iconfont aui-icon-roundcheck"></span>图标按钮</div>
<div class="aui-btn aui-btn-info">图标按钮<span class="aui-badge aui-badge-warning">12</span></div>
/*块按钮类*/
<div class="aui-btn aui-btn-block">默认按钮(default)</div>
<div class="aui-btn aui-btn-primary aui-btn-block">默认按钮(primary)</div>
<div class="aui-btn aui-btn-success aui-btn-block">默认按钮(success)</div>
<div class="aui-btn aui-btn-info aui-btn-block">默认按钮(info)</div>
<div class="aui-btn aui-btn-warning aui-btn-block">默认按钮(warning)</div>
<div class="aui-btn aui-btn-danger aui-btn-block">默认按钮(danger)</div>
/*块按钮类 - 默认增加10px底部外边距*/
<div class="aui-btn aui-btn-block aui-btn-outlined">默认按钮(default)</div>
<div class="aui-btn aui-btn-primary aui-btn-block aui-btn-outlined">默认按钮(primary)</div>
<div class="aui-btn aui-btn-success aui-btn-block aui-btn-outlined">默认按钮(success)</div>
<div class="aui-btn aui-btn-info aui-btn-block aui-btn-outlined">默认按钮(info)</div>
<div class="aui-btn aui-btn-warning aui-btn-block aui-btn-outlined">默认按钮(warning)</div>
<div class="aui-btn aui-btn-danger aui-btn-block aui-btn-outlined">默认按钮(danger)</div>

组件化拼装
CSS3组件化写法,JS组件化,让用户更容易扩展使用;更包含多个不同主题web组件,快速构建出色、优秀的移动端页面,大幅度提升开发效率。

原生体验
更细致的处理,让体验更接近原生效果,完美适配各个机型。

高性能、轻量级
面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备。

相关链接

发表评论