Browse Source

fix: button taro h5样式修改

lkjh3214 3 years ago
parent
commit
9cf22b2cf9
1 changed files with 63 additions and 1 deletions
  1. 63 1
      src/packages/__VUE/button/index.scss

+ 63 - 1
src/packages/__VUE/button/index.scss

@@ -16,7 +16,6 @@
   user-select: none;
   touch-action: manipulation;
   vertical-align: bottom;
-
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
 
@@ -174,3 +173,66 @@
     border-radius: 0;
   }
 }
+.nut-button--default:not([disabled]):active {
+  color: $button-default-color;
+  background: $button-default-bg-color;
+  border: $button-border-width solid $button-default-border-color;
+}
+.nut-button--primary:not([disabled]):active {
+  color: $button-primary-color;
+  background: $button-primary-background-color;
+  border: $button-border-width solid transparent;
+}
+
+.nut-button--info:not([disabled]):active {
+  color: $button-info-color;
+  background: $button-info-background-color;
+  border: $button-border-width solid transparent;
+}
+
+.nut-button--success:not([disabled]):active {
+  color: $button-success-color;
+  background: $button-success-background-color;
+  border: $button-border-width solid transparent;
+}
+
+.nut-button--danger:not([disabled]):active {
+  color: $button-danger-color;
+  background: $button-danger-background-color;
+  border: $button-border-width solid transparent;
+}
+
+.nut-button--warning:not([disabled]):active {
+  color: $button-warning-color;
+  background: $button-warning-background-color;
+  border: $button-border-width solid transparent;
+}
+
+.nut-button--plain:not([disabled]):active {
+  background: $button-plain-background-color;
+
+  .nut-button--primary {
+    color: $button-primary-border-color;
+    border-color: $button-primary-border-color;
+  }
+
+  .nut-button--info {
+    color: $button-info-border-color;
+    border-color: $button-info-border-color;
+  }
+
+  .nut-button--success {
+    color: $button-success-border-color;
+    border-color: $button-success-border-color;
+  }
+
+  .nut-button--danger {
+    color: $button-danger-border-color;
+    border-color: $button-danger-border-color;
+  }
+
+  .nut-button--warning {
+    color: $button-warning-border-color;
+    border-color: $button-warning-border-color;
+  }
+}