Feat(客服)：新增进入客服页自动发送商品信息功能

assets/css/v12-style.less

@@ -3,8 +3,8 @@
 @dark-color: #333333;
 @white-color: #fff;
 
-@colors: #C52733, #333333, #fff;
-@classnames: primary, dark, white;
+@colors: #C52733, #333333, #fff, #666;
+@classnames: primary, dark, white, secondary-dark;
 /*=====================================*/ 
 
 each(@colors, {
@@ -19,15 +19,28 @@ each(@colors, {
   }
 });
 
+/*===================字体大小======================*/ 
 .generateFontSize(@i) when (@i <= 80) {
   .v12-font-@{i} {
     font-size: @i * 1rpx !important;
   }
-  .generateFontSize(@i + 4);
+  .generateFontSize(@i + 2);
 }
 
 .generateFontSize(0);
 
+.v12-font-bold{
+  font-weight: bold !important;
+}
+.generateFontWeight(@n, @i: 100) when (@i <= @n) {
+  .v12-font-weight-@{i} {
+    font-weight: @i !important;
+  }
+  .generateFontWeight(@n, (@i + 100))
+}
+.generateFontWeight(900);
+
+/*==================内外边距====================*/ 
 .generateMarginAndPadding(@n, @i:0) when (@i<= @n)  {
   @baseNum: @i * 8rpx;
   .v12-mt-@{i} {
@@ -75,10 +88,24 @@ each(@colors, {
   .generateMarginAndPadding(@n, (@i + 1))
 }
 .generateMarginAndPadding(40);
-.v12-font-bold{
-  font-weight: bold !important;
-}
 
+/*==================圆角====================*/ 
+.generateRadius(@n, @i: 0) when (@i <= @n) {
+  @baseRadius: @i * 1rpx;
+  .v12-radius-@{i} {
+    border-radius: @baseRadius
+  }
+  .generateRadius(@n, (@i + 1))
+}
+.generateRadius(100);
+/*=========================================*/ 
+
+.v12-d-flex{
+  display: flex !important;
+}
+.v12-flex-column {
+  flex-direction: column;
+}
 .v12-align-center{
   display: flex;
   align-items: center;
@@ -87,6 +114,10 @@ each(@colors, {
   display: flex;
   justify-content: center;
 }
+.v12-justify-between{
+  display: flex;
+  justify-content: space-between;
+}
 .v12-d-grid-columns-2 {
   display: grid;
   grid-template-columns: 1fr 1fr;