按钮优化

mallApp/src/static/css/common.scss

@@ -87,13 +87,13 @@ body {
     padding: 20upx 30upx;
     background-color: #fff;
     border-radius: 100upx;
-    border: 1upx solid $mainColor;
+    border: none;
     text-align: center;
     line-height: 1;
     margin: 0;
     &:active {
-        color: rgb(245, 63, 85);
-        border-color: rgb(245, 63, 85);
+        color: $mainColor;
+        border-color: transparent;
     }
 }
 .button-com::after{
@@ -107,36 +107,36 @@ body {
     color: #fff;
     background-color: $mainColor;
     &:active {
-        background-color: rgb(245, 63, 85);
+        background-color: $mainColor;
     }
 }
 .button-com.green {
     color: #fff;
     background-color: #07be0b;
-    border-color: #07be0b;
+    border-color: transparent;
     &:active {
-        background-color: rgb(45, 194, 47);
+        background-color: #07be0b;
     }
 }
 .button-com.blue {
     color: #fff;
     background-color: #3385FF;
-    border-color: #3385FF;
+    border-color: transparent;
     &:active {
-        background-color: #639cf1;
+        background-color: #3385FF;
     }
 }
 .button-com.default {
     color: $fontColor2;
-    border-color: #dddddd;
+    border-color: transparent;
     &:active {
-        background-color: #f5f5f5;
+        background-color: #fff;
     }
 }
 .button-com.disable {
     color: #fff;
     background-color: #ccc;
-    border-color: #ccc;
+    border-color: transparent;
 }
 // ============ 后台 =============
 .admin-button-com {
@@ -146,13 +146,16 @@ body {
     padding: 10upx 20upx;
     background-color: #fff;
     border-radius: 8upx;
-    border: 1upx solid $mainColor;
+    border: none;
     text-align: center;
     line-height: 1;
     margin: 0;
     &:active {
-        color: #3876d4;
-        border-color: #3876d4;
+        color: $mainColor;
+        border-color: transparent;
+    }
+    &::after {
+        border: none;
     }
 }
 .admin-button-com.middle {
@@ -169,22 +172,22 @@ body {
     color: #fff;
     background-color: $mainColor;
     &:active {
-        background-color: #3876d4;
+        background-color: $mainColor;
     }
 }
 
 .admin-button-com.default {
     color: $fontColor2;
-    border-color: #dddddd;
+    border-color: transparent;
     &:active {
-        background-color: #f5f5f5;
+        background-color: #fff;
     }
 }
 
 .admin-button-com.disable {
     color: #fff;
     background-color: #ccc;
-    border-color: #ccc;
+    border-color: transparent;
 }
 // ======================= 输入框公共样式 - start ====================
 .input-line-wrap {