浏览代码

style(checkbox、radio): add transition animation

richard1015 4 年之前
父节点
当前提交
009eb8d637
共有 2 个文件被更改,包括 4 次插入0 次删除
  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 {
   &__icon {
     color: $primary-color;
     color: $primary-color;
+    transition-duration: 0.3s;
+    transition-property: color, border-color, background-color;
   }
   }
   &__icon--unchecked {
   &__icon--unchecked {
     color: $checkbox-icon-disable-color;
     color: $checkbox-icon-disable-color;

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

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