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>