init

src/assets/css/mixin.styl

@@ -0,0 +1,47 @@
+$green = #30EBC9
+$yellow = #E2BB0E
+$gray = #516282
+$orange = #F96700
+$green2 = #65d837
+
+.green
+  background-color $green
+.yellow
+  background-color $yellow
+.gray
+  background-color $gray
+.orange
+  background-color $orange
+.green2
+  background-color $green2
+
+//宽高
+_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