2023-04-07 17:41:38 +08:00
|
|
|
$red = #e74f1a
|
|
|
|
|
$green = #6CBE8B
|
|
|
|
|
$yellow = #E9B451
|
|
|
|
|
$blue = #6798ef
|
|
|
|
|
$gray = #c9c9c9
|
|
|
|
|
$fc1 = #323232
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//宽高
|
|
|
|
|
_wh(w, h)
|
|
|
|
|
width: w
|
|
|
|
|
height: h
|
|
|
|
|
|
|
|
|
|
//字体大小、行高、颜色
|
|
|
|
|
_font(size,height,color=$fc1,weight=normal,align=left)
|
|
|
|
|
font-size: size
|
|
|
|
|
line-height: height
|
|
|
|
|
color: color
|
|
|
|
|
font-weight: weight
|
|
|
|
|
text-align: align
|
|
|
|
|
|
|
|
|
|
//flex 布局和 子元素 对其方式
|
2023-05-19 13:51:43 +08:00
|
|
|
_fj(x=space-between,y=center,z=row)
|
2023-04-07 17:41:38 +08:00
|
|
|
display: flex
|
|
|
|
|
justify-content: x
|
|
|
|
|
align-items: y
|
2023-05-19 13:51:43 +08:00
|
|
|
flex-direction: z
|
2023-04-07 17:41:38 +08:00
|
|
|
|
|
|
|
|
// 背景图片地址和大小
|
|
|
|
|
_bis(url,w,h=auto,x=center,y=center)
|
|
|
|
|
background-position: x y
|
|
|
|
|
background-size: w h
|
|
|
|
|
background-image: url(url)
|
|
|
|
|
background-repeat: no-repeat
|
|
|
|
|
|
|
|
|
|
// 定位上下居中
|
|
|
|
|
_ct()
|
|
|
|
|
position: absolute
|
|
|
|
|
top: 50%
|
|
|
|
|
transform: translateY(-50%)
|
