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就能搞定

更多

更多组件欢迎下载体验

 
浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑 分享
举报