feat(button): 修改plain时的边框宽度

packages/uni-components/style/button.css

@@ -12,7 +12,6 @@ uni-button {
   line-height: 2.55555556;
   border-radius: 5px;
   -webkit-tap-highlight-color: transparent;
-  overflow: hidden;
   color: #000000;
   background-color: #f8f8f8;
   cursor: pointer;
@@ -94,47 +93,28 @@ uni-button[disabled][type='warn'] {
 
 uni-button[type='primary'][plain] {
   color: #007aff;
-  border: 1px solid #007aff;
   background-color: transparent;
 }
 
 uni-button[type='primary'][plain][disabled] {
   color: rgba(0, 0, 0, 0.2);
-  border-color: rgba(0, 0, 0, 0.2);
 }
 
 uni-button[type='primary'][plain]:after {
-  border-width: 0;
+  border-color:#007aff;
 }
 
 uni-button[type='default'][plain] {
   color: #353535;
-  border: 1px solid #353535;
   background-color: transparent;
 }
 
 uni-button[type='default'][plain][disabled] {
   color: rgba(0, 0, 0, 0.2);
-  border-color: rgba(0, 0, 0, 0.2);
 }
 
 uni-button[type='default'][plain]:after {
-  border-width: 0;
-}
-
-uni-button[plain] {
-  color: #353535;
-  border: 1px solid #353535;
-  background-color: transparent;
-}
-
-uni-button[plain][disabled] {
-  color: rgba(0, 0, 0, 0.2);
-  border-color: rgba(0, 0, 0, 0.2);
-}
-
-uni-button[plain]:after {
-  border-width: 0;
+  border-color: #353535;
 }
 
 uni-button[plain][native] .uni-button-cover-view-inner {
@@ -143,17 +123,32 @@ uni-button[plain][native] .uni-button-cover-view-inner {
 
 uni-button[type='warn'][plain] {
   color: #e64340;
-  border: 1px solid #e64340;
   background-color: transparent;
 }
 
 uni-button[type='warn'][plain][disabled] {
   color: rgba(0, 0, 0, 0.2);
-  border-color: rgba(0, 0, 0, 0.2);
 }
 
 uni-button[type='warn'][plain]:after {
-  border-width: 0;
+  border-color: #e64340;
+}
+
+uni-button[plain] {
+  color: #353535;
+  background-color: transparent;
+}
+
+uni-button[plain][disabled] {
+  color: rgba(0, 0, 0, 0.2);
+}
+
+uni-button[plain]:after {
+  border-color: #353535;
+}
+
+uni-button[plain][disabled]:after {
+  border-color: rgba(0, 0, 0, 0.2);
 }
 
 uni-button[size='mini'] {
@@ -226,10 +221,13 @@ uni-button[loading][native]:before {
 
 .button-hover[plain] {
   color: rgba(53, 53, 53, 0.6);
-  border-color: rgba(53, 53, 53, 0.6);
   background-color: transparent;
 }
 
+.button-hover[plain]:after {
+  border-color: rgba(53, 53, 53, 0.6);
+}
+
 .button-hover[type='primary'] {
   color: rgba(255, 255, 255, 0.6);
   background-color: #0062cc;
@@ -237,10 +235,13 @@ uni-button[loading][native]:before {
 
 .button-hover[type='primary'][plain] {
   color: rgba(0, 122, 255, 0.6);
-  border-color: rgba(0, 122, 255, 0.6);
   background-color: transparent;
 }
 
+.button-hover[type='primary'][plain]:after {
+  border-color: rgba(0, 122, 255, 0.6);
+}
+
 .button-hover[type='default'] {
   color: rgba(0, 0, 0, 0.6);
   background-color: #dedede;
@@ -248,10 +249,13 @@ uni-button[loading][native]:before {
 
 .button-hover[type='default'][plain] {
   color: rgba(53, 53, 53, 0.6);
-  border-color: rgba(53, 53, 53, 0.6);
   background-color: transparent;
 }
 
+.button-hover[type='default'][plain]:after {
+  border-color: rgba(53, 53, 53, 0.6);
+}
+
 .button-hover[type='warn'] {
   color: rgba(255, 255, 255, 0.6);
   background-color: #ce3c39;
@@ -259,10 +263,13 @@ uni-button[loading][native]:before {
 
 .button-hover[type='warn'][plain] {
   color: rgba(230, 67, 64, 0.6);
-  border-color: rgba(230, 67, 64, 0.6);
   background-color: transparent;
 }
 
+.button-hover[type='warn'][plain]:after {
+  border-color: rgba(230, 67, 64, 0.6);
+}
+
 @media (prefers-color-scheme: dark) {
   uni-button,
   uni-button[type='default'] {
@@ -289,7 +296,10 @@ uni-button[loading][native]:before {
 
   uni-button[type='default'][plain] {
     color: #d6d6d6;
-    border: 1px solid #d6d6d6;
+  }
+
+  uni-button[type='default'][plain]:after {
+    border-color: #d6d6d6;
   }
 
   .button-hover[type='default'][plain] {
@@ -298,8 +308,15 @@ uni-button[loading][native]:before {
     background-color: rgba(50, 50, 50, 0.2);
   }
 
+  .button-hover[type='default'][plain]:after {
+    border-color: rgba(150, 150, 150, 0.6);
+  }
+
   uni-button[type='default'][plain][disabled] {
-    border-color: hsla(0, 0%, 100%, 0.2);
     color: hsla(0, 0%, 100%, 0.2);
   }
+
+  uni-button[type='default'][plain][disabled]:after {
+    border-color: hsla(0, 0%, 100%, 0.2);
+  }
 }