基本结构/辅助元素

2.0版本中布局结构更要严谨和灵活。

aui-content和aui-content-padded作为AUI整个框架中的外层容器

aui-list和aui-card-list为列表类布局容器

aui-row 栅格布局容器

aui-grid 宫格布局容器

aui-bar 定义工具栏类

......

同时我们也提供了一些常用的样式来辅助布局

aui-ellipsis-1 单行文字,超出自动省略

aui-ellipsis-2 两行文字,超出自动省略

aui-hr 水平线

aui-padded-位置-数值 : 控制某个方向的内边距剧,位置有t(顶部),b(顶部),l(左侧),r(右侧),数值有0,5,10,15

aui-margin-位置-数值,控制某个方向的外边距,位置有t(顶部),b(顶部),l(左侧),r(右侧),数值有0,5,10,15

aui-font-size-数值,文字大小,数值有12,14,16,18,20

aui-text-颜色名,字体颜色,颜色名有 default,primary,success,info,warning,danger,pink,purple,indigo

aui-bg-颜色名,背景颜色,颜色名有 default,primary,success,info,warning,danger,pink,purple,indigo

aui-pull-left 左对齐

aui-pull-right 右对齐

aui-show 显示

aui-hide 隐藏(隐藏容器不占空间)

aui-invisible 隐藏(隐藏后继续占用布局空间)

aui-mask 遮罩层,层序为8

 

常用色值的对应

default      #212121

primary      #00bcd4

success      #009688

info              #03a9f4

warning      #ffc107

danger       #e51c23

pink             #e91e63

purple         #673ab7

indigo          #3f51b5