feat: 新增 transition 组件 type 属性 fade 值, 提供淡入淡出效果

2022-03-22 01:03:27 +08:00
parent 2ff45cc940
commit 6d3073a666
2 changed files with 8 additions and 7 deletions
--- a/src/component/transition/fadeTransition.vue
+++ b/src/component/transition/fadeTransition.vue
@@ -5,16 +5,16 @@
 </template>

 <style>
-.fade-enter {
-  opacity: 0;
-}
-.fade-enter-active {
-  transition: opacity 1s;
-}
+.fade-enter-from,
 .fade-leave-to {
  opacity: 0;
 }
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+.fade-enter-active,
 .fade-leave-active {
-  transition: opacity 1s;
+  transition: opacity 1s ease;
 }
 </style>