AppCan_1_UI基础 常用的样式

ub-f: 定义不同的box-flex属性值, 类别使用数字编号，定义不同的元素空间大小分配比例
ub-f1: 定义box-flex:1
ub-f2: 定义box-flex:2
ub-f[1-4]和ub搭配着使用
um-vp: UI Mobile ViewPort
bc-bg: body content background 基础body背景颜色uba: 定义边框
umh: UI min height ui标签最小高度, 例如umh5
c-gra: 背景底色类别, c-{色彩}[类别] ,例如c-blu, c-blu1 b-bla: border 颜色类别边框色类别
c-wh: 背景底色类别: c-{色彩}[类别],这里wh表示white us: 阴影类别: us [类别]和us-i [类别]
uc-a: ui 圆角类别
ubb: 边框类别:ub{类型}[类别]
ub: box 弹性盒子, 和ub-f[1-4]搭配使用
t-bla: t表示text, 文字色类别:t-{色彩}[类别]
ub-ac: box align center, box 居中对齐
lis: listview 空白，最小高度
ut-s: 文字缩略类别
ulev-1: 字体大小
tx-r: text-align right
res: 资源类别:res{类别} 例如res8, 但是不知道它引用自哪个文件
ub-img: box 图片资源
uh ui head 头部样式
uf ui footer 脚部样式块级元素，100%宽度
大小位置形状控制
圆角类别: uc-{类型}[类型] [类别]
uc-tl, uc-tr, uc-bl, uc-br , uc-t, uc-b, uc-r , uc-l, uc-a, uc-n, uc-tl1,
uc-tr1, uc-bl1, uc-br1, uc-t1, uc-b1, uc-r1, uc-l1, uc-a1, uc-a2, uc-a3
阴影类别: us [类别]和us-i [类别]
us,us1,us-i
比例类别:ulev[类别](由于元素的控制主要通过em来进行相对控制，ulev可以对默认比率进行放大缩小)
ulev2,ulev1,ulev0,ulev-1,ulev-2
浮动类别: ufl和ufr
限宽类别: ulim
单行类别: uinl
边距类别: uinn[类别]
uinn,uinn1,uinn2,uinn3,uinn4
最小高宽类别: um{w或h}[类别]
umh1,umh2,umh3,umh4,umh5,umh6,umw1,umw2,umw3
文字对齐类别:tx-{类型}
tx-l,tx-r,tx-c
文字缩略类别:ut-s
边框类别:ub{类型}[类别]
ubt,ubb,ubr,ubl,uba,uba1,uba2
隐藏类别:uhide
间隔类别:umar-{类型}
umar-b
色彩控制
UI2.0框架对元素的色彩划分为边框色、文字色、背景底色和背景遮盖层背景遮盖类别: c-m{类别}
c-m1,c-m2,c-m3,c-m4,c-m5,c-m6,c-m7
背景底色类别: c-{色彩}[类别]
c-blu,c-blu1, c-blu2, c-blu3, c-blu4,c-wh, c-bla,c-gra,c-gra1,c-gra2,c-gre,c-red,c-yel 文字色类别:t-{色彩}[类别]
t-bla,t-wh,t-gra,t-blu
边框色类别:b-{色彩}[类别]
b-bla,b-wh,b-gra,b-gra1,b-blu
资源控制
UI2.0框架一些常用图片资源进行了定义。

例如搜索图标等。

资源类别:res{类别}
res1,res2,res3,res4,res5,res6,res7,res8,res9,res10。