2023-02-28 14:02:39 +08:00
|
|
|
$green = #30EBC9
|
|
|
|
|
$yellow = #E2BB0E
|
|
|
|
|
$gray = #516282
|
|
|
|
|
$orange = #F96700
|
|
|
|
|
$green2 = #65d837
|
|
|
|
|
|
2023-05-09 10:35:11 +08:00
|
|
|
// .green
|
|
|
|
|
// background-color $green
|
|
|
|
|
// .yellow
|
|
|
|
|
// background-color $yellow
|
|
|
|
|
// .gray
|
|
|
|
|
// background-color $gray
|
|
|
|
|
// .orange
|
|
|
|
|
// background-color $orange
|
|
|
|
|
// .green2
|
|
|
|
|
// background-color $green2
|
2023-02-28 14:02:39 +08:00
|
|
|
|
|
|
|
|
//宽高
|
|
|
|
|
_wh(w, h)
|
|
|
|
|
width: w
|
|
|
|
|
height: h
|
|
|
|
|
|
|
|
|
|
//字体大小、行高、颜色
|
|
|
|
|
_font(size,height,color=#ffffff,weight=normal,align=center)
|
|
|
|
|
font-size: size
|
|
|
|
|
line-height: height
|
|
|
|
|
color: color
|
|
|
|
|
font-weight: weight
|
|
|
|
|
text-align: align
|
|
|
|
|
|
|
|
|
|
// 背景图片地址和大小
|
|
|
|
|
_bis(url,w=100%,h=100%,x=center,y=center,r=no-repeat)
|
|
|
|
|
background-position: x y
|
|
|
|
|
background-size: w h
|
|
|
|
|
background-image: url(url)
|
|
|
|
|
background-repeat: r
|
|
|
|
|
|
|
|
|
|
// 背景图片改变颜色
|
|
|
|
|
_shadow(w,c)
|
|
|
|
|
filter drop-shadow(w 0 0 c)
|
|
|
|
|
|
|
|
|
|
//flex 布局和 子元素 对其方式
|
|
|
|
|
_fj(c=column, x=space-between,y=center)
|
|
|
|
|
display: flex
|
|
|
|
|
flex-direction: c
|
|
|
|
|
justify-content: x
|
|
|
|
|
align-items: y
|
