appcan中的部分样式命名

2013/11/19 09:53
阅读数 467

1、圆角类别

定义:uc-[类型][类型][类别]
说明:
   前缀为uc-,代表UI CORNER。
   类型为t带表TOP,l代表LEFT,b代表BOTTOM,r代表RIGHT,a代表ALL
   类别为数字编号,用于定义不同大小的圆角
例子:
   uc-t代表上圆角即左上和右上圆角。类别为空,定义的为圆角半径为0.6em的圆角
   uc-tl代表左上圆角。类别为空,定义的为圆角半径为0.6em的圆角
   uc-t1代表上圆角即左上和右上圆角。类别为空,定义的为圆角半径为0.3em的圆角
场景:
<div class="btn uba b-bla uinn5 c-blu c-m1 uc-a t-wh">确定</div>


2、外阴影类别

定义:us[类别]
说明:
   前缀为us,代表UI SHADOW。
   类别为数字编号,用于定义不同大小和不同颜色的外阴影
例子:
   us代表外阴影。类别为空,定义的外阴影颜色为黑色
   us1代表外阴影。类别为1,定义外阴影颜色为灰白色
场景:
<div class="btn uba b-bla uinn5 c-blu2 c-m1 uc-a t-wh us">确定</div>


3、内阴影类别

定义:us-i[类别]
说明:
   前缀为us-i,代表UI SHADOW INSET。
   类别为数字编号,用于定义不同大小和不同颜色的内阴影
例子:
   us-i代表内阴影。类别为空,定义内阴影大小及阴影颜色为黑色
场景:
<div class="btn uba b-bla uinn5 c-blu2 c-m1 uc-a t-wh us-i">确定</div>



图例:
APP UI2.0 css----base.css对页面中元素的大小位置形状控制 - 紫色水晶 - linlove的小屋


4、文字阴影

定义:uts
说明:
   用于定义文字的阴影效果
    例子:
   uts代表内阴影。定义文字阴影大小及阴影颜色
场景:
<div class="btn uba uc-a b-bla uinn5 c-blu2 c-m1 t-wh uts">确定</div>



图例:
APP UI2.0 css----base.css对页面中元素的大小位置形状控制 - 紫色水晶 - linlove的小屋


5、body样式

定义:um-vp
说明:
   um-vp代表UI MOBILE VIEWPORT。
   um-vp定义body的内边距padding,外边距margin的大小以及文字大小可以调整,超过body宽度的部分隐藏
   
场景:
<body class="um-vp"></body>




展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
1 收藏
0
分享
返回顶部
顶部