AUI基本结构/辅助元素

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