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

联合创作 · 2023-09-19 05:51

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

AUI Flex(aui-flex.css)采用12个栅格进行布局,与aui-col-xs-*相比更灵活性,可以快速布局出自己所需要的框架结构。结合aui.css,能彻底解决布局+样式的问题。

在AUI Flex中,使用了aui-flex-col(横向)和aui-flex-row(纵向)两种容器,只需要把栅格放入容器中即可。AUI Flex所有类支持嵌套布局,可任意进行排列。

使用AUI Flex可以方便解决垂直居中,多栏等高,等宽布局,任意对齐等。

功能介绍

基础元素

提供了一系列的文字、颜色、背景色、按钮等基础元素

列表布局

从文字到图片的布局,AUI提供了更全面的布局方式

索引列表

带有拼音首字母的索引列表,快速搜索轻松搞定

Form表单

只需要简单的几行代码,一款漂亮的Form表单就能呈现

选择类

重新定义checkbox、radio、switch,体验原生效果

导航栏

兼容沉浸式、更易扩展的导航栏让顶部样式不再单调

时间轴

一目了然的布局样式体验

图标

二百多款常用的APP图标一网打尽

日历

更直观漂亮的日历样式,只需要引入JS就能搞定

更多

更多组件欢迎下载体验

 
浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报