🎈 perf(按钮): 优化normalButton组件

src/components/normalButton/index.module.scss

@@ -1,5 +1,4 @@
 .button {
-  $current_color: #fff;
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
@@ -10,6 +9,7 @@
   background-color: #fff;
   text-align: center;
   color: #fff;
+  box-sizing: border-box;
   &--normal {
     height: 72px;
     font-size: $font_size_medium;
@@ -24,24 +24,23 @@
   // 按钮类型
   &--primary {
     border: 1px solid $color_main;
-    color: $color_main;
-    $current_color: $color_main;
+    background-color: $color_main;
+    color: white;
   }
   &--danger {
     border: 1px solid $color_danger;
-    color: $color_danger;
-    $current_color: $color_danger;
+    background-color: $color_danger;
+    color: white;
   }
   &--warning {
     border: 1px solid $color_warning;
-    color: $color_warning;
-    $current_color: $color_warning;
+    background-color: $color_warning;
+    color: white;
   }
   &--info {
     border: 1px solid $color_info;
-    color: $color_info;
-    $current_color: $color_info;
-    
+    background-color: $color_info;
+    color: white;
   }
   &--round {
     border-radius: 50px;
@@ -49,11 +48,24 @@
   &--circle {
     border-radius: 16px;
   }
+  // 朴素按钮
   &--plain {
-    background-color: currentColor;
-    border-color: currentColor;
-    .button--text {
-      color: #fff;
+    background-color: white;
+    &.button--primary {
+      border: 1px solid $color_main;
+      color: $color_main;
+    }
+    &.button--danger {
+      border: 1px solid $color_danger;
+      color: $color_danger;
+    }
+    &.button--warning {
+      border: 1px solid $color_warning;
+      color: $color_warning;
+    }
+    &.button--info {
+      border: 1px solid $color_info;
+      color: $color_info;
     }
   }
   &--text {

src/components/normalButton/index.tsx

@@ -11,7 +11,7 @@ interface PropsType {
   type?: ButtonType
   round?: boolean // 大圆角
   disabled?: boolean
-  plain?: boolean // 填满背景颜色
+  plain?: boolean // plain
   circle?: boolean // 小圆角
   children?: ReactNode
   onClick?: Function