From 6d3073a666d0862898a96c13013b4bb1408d8130 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Tue, 22 Mar 2022 01:03:27 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=20transition=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=20type=20=E5=B1=9E=E6=80=A7=20fade=20?=
 =?UTF-8?q?=E5=80=BC,=20=E6=8F=90=E4=BE=9B=E6=B7=A1=E5=85=A5=E6=B7=A1?=
 =?UTF-8?q?=E5=87=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md       |  1 +
 src/component/transition/fadeTransition.vue | 14 +++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 63034b05..2bba2c90 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -17,6 +17,7 @@
         <h3>0.4.1 <span class="layui-badge-rim">2022-03-17</span></h3> 
         <ul>
           <li>[新增] transition 组件 type 属性, 默认为 collapse 过渡。</li>
+          <li>[新增] transition 组件 type 属性 fade 值, 提供淡出淡入效果。</li>
         </ul> 
       </li>
     </ul>
diff --git a/src/component/transition/fadeTransition.vue b/src/component/transition/fadeTransition.vue
index 4a39085d..bb0e9045 100644
--- 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>