apt

src/style/mixin.styl

@@ -0,0 +1,50 @@
+$red = #FD6A35
+$red1 = #E74F19
+$red2 = #FA6400
+$green = #6CBE8B
+$green1 = #00d246
+$yellow = #E9B451
+$blue = #6798ef
+$gray = #989EBB
+$gray1 = #8B90A6
+$gray2 = #DFE1E6
+$fc1 = #464646
+
+
+//宽高
+_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 布局和 子元素 对其方式
+_fj(x=space-between,y=center,z=row)
+  display: flex
+  justify-content: x
+  align-items: y
+  flex-direction: z
+
+// 背景图片地址和大小
+_bis(url,w,h=auto,x=center,y=center,c=transparent)
+  background-color: c
+  background-position: x y
+  background-size: w h
+  background-image: url(url)
+  background-repeat: no-repeat
+
+// 定位上下居中
+_ct()
+  position: absolute
+  top: 50%
+  transform: translateY(-50%)
+
+// 背景图片改变颜色
+_shadow(w,c)
+  filter drop-shadow(w 0 0 c)