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