✨ feat(购物界面): 完成购物界面50%

src/styles/common.scss

@@ -1,11 +1,13 @@
 $color_bg_one: #f8f8f8;
-$color_font_one: #3c3c3c;
+$color_font_one: rgba($color: #000000, $alpha: 0.8);
 $color_font_two: #ababab;
 $color_font_three: #707070;
 $color_main: #4581ff;
 
 $color_danger: #e64340;
 $color_warning: #e6a23c;
+$color_money: #F64861;
+$color_info: rgba($color: #B3B3B3, $alpha: 0.2);
 
 $opacity-disabled: 0.3;
 $borderStyle: solid;
@@ -16,6 +18,8 @@ $font_size: 28px;
 $font_size_medium: 24px;
 $font_size_min: 22px;
 
+$font_family: PingFangSC-Regular, PingFang SC;
+
 $customTabBarHeight: 100px;
 
 
@@ -37,6 +41,21 @@ $customTabBarHeight: 100px;
   -webkit-line-clamp: $params;
 }
 
+.flex-col {
+  display: flex;
+  flex-flow: column nowrap;
+}
+.flex-row {
+  display: flex;
+  flex-flow: row nowrap;
+}
+.justify-between {
+  justify-content: space-between
+}
+.flex-item {
+  flex: 1 1 auto;
+}
+
 .full-100 {
   width: 100%;
   height: 100%;