feat: 按钮增加white类型

miniprogram/ui/button/button.less

@@ -3,6 +3,12 @@
 @button-default-font-size: 32rpx;
 @button-default-color: #fff;
 
+wx-button:not([size=mini]) {
+    margin-left: auto;
+    margin-right: auto;
+    width: auto;
+}
+
 .toy-button {
     box-sizing: border-box;
     display: inline-flex;
@@ -13,6 +19,9 @@
     border-radius: @button-border-radius;
     font-size: @button-default-font-size;
     color: @button-default-color;
+    padding: 0 44rpx;
+    width: auto !important;
+
 
     &--primary {
         background: rgba(255, 215, 25, 1);
@@ -46,6 +55,32 @@
         }
     }
 
+    &--white {
+        color: rgba(34, 36, 37, 0.9);
+        background: #fff;
+        box-shadow: 0 10rpx 0 rgba(255, 255, 255, 0.7);
+
+        &.disabled {
+            background: rgba(255, 255, 255, 0.8);
+            box-shadow: 0px 3px 0px rgba(255, 255, 255, 0.55);
+        }
+
+        &.plain {
+            color: #fff;
+            background: rgba(255, 255, 255, 0.2);
+            border: 1px solid rgba(255, 255, 255, 1);
+            box-shadow: 0px 3px 0px rgba(255, 255, 255, 0.88);
+
+            // &.disabled {
+            //     background: rgba(255, 255, 255, 0.2);
+            //     border: 1px solid rgba(255, 255, 255, 0.6);
+            //     box-shadow: 0px 3px 0px rgba(255, 255, 255, 0.6);
+            // }
+        }
+    }
+
+
+
     .loading-class,
     &__icon {
         margin-right: 24rpx;