feat: 移动端图片更新

jydocs-mobile/src/style/_mixin.scss

@@ -89,7 +89,7 @@
     }
 }
 
-// clearfix 
+// clearfix
 @mixin clr {
     &:after {
         clear: both;
@@ -205,4 +205,14 @@
             }
         }
     }
-}
+}
+
+@mixin diy-icon ($name, $width: 24, $height: 24) {
+  ::v-deep .van-icon-diy-#{$name} {
+    background: url("~@/assets/icon/#{$name}.png") no-repeat;
+    background-size: cover;
+    display: inline-block;
+    width: #{$width}px;
+    height: #{$height}px;
+  }
+}

jydocs-mobile/src/style/_variables.scss

@@ -1,6 +1,8 @@
 $tabbarHeight: 50px;
 $topNavHeight: 44px;
 
+$topSearchHeight: 54px;
+
 // 颜色区(背景颜色或者字体颜色)
 $color_main: #2ABED1;
 $color_warning: #FF9F40;
@@ -10,3 +12,47 @@ $color_danger: #FB483D;
   @return $a + $b;
 }
 
+
+.flex {
+  width: 100%;
+  flex: 1;
+}
+.flex-r-c {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  &.center {
+    align-items: center;
+    justify-content: center;
+    &.sb {
+      justify-content: space-between;
+    }
+  }
+  &.left {
+    justify-content: flex-start;
+  }
+  &.right {
+    justify-content: flex-start;
+  }
+  .bottom {
+    align-items: flex-end;
+  }
+  &.wrap {
+    flex-wrap: wrap;
+  }
+}
+.flex-c-c {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  &.center {
+    align-items: center;
+    justify-content: center;
+  }
+  &.right {
+    align-items: flex-end;
+  }
+  &.left {
+    align-items: flex-start;
+  }
+}