复制斗山

2024-09-11 11:29:44 +08:00
commit 1fa88cd5b5
120 changed files with 17108 additions and 0 deletions
--- a/common/style/mixin.styl
+++ b/common/style/mixin.styl
@@ -0,0 +1,51 @@
+$red = #ff6a00
+$green = #6CBE8B
+$yellow = #E9B451
+$blue = #6798ef
+$gray = #c9c9c9
+$fc1 = #323232
+
+.bgred
+  background-color: $red !important
+.bggreen
+  background-color: $green !important
+.bgyellow
+  background-color: $yellow !important
+.bgblue
+  background-color: $blue !important
+.bggray
+  background-color: $gray !important
+
+//宽高
+_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,r=row,n=nowrap)
+  display: flex
+  justify-content: x
+  align-items: y
+  flex-direction: r
+  flex-wrap: n
+
+// 背景图片地址和大小
+_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%)