Browse Source

style(checkbox、radio): add transition animation

richard1015 4 years ago
parent
commit
009eb8d637
2 changed files with 4 additions and 0 deletions
  1. 2 0
      src/packages/__VUE/checkbox/index.scss
  2. 2 0
      src/packages/__VUE/radio/index.scss

+ 2 - 0
src/packages/__VUE/checkbox/index.scss

@@ -18,6 +18,8 @@
   }
   &__icon {
     color: $primary-color;
+    transition-duration: 0.3s;
+    transition-property: color, border-color, background-color;
   }
   &__icon--unchecked {
     color: $checkbox-icon-disable-color;

+ 2 - 0
src/packages/__VUE/radio/index.scss

@@ -18,6 +18,8 @@
   }
   &__icon {
     color: $primary-color;
+    transition-duration: 0.3s;
+    transition-property: color, border-color, background-color;
   }
   &__icon--unchecked {
     color: $radio-icon-disable-color;