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

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>

src/component/transition/fadeTransition.vue

@@ -5,16 +5,16 @@
 </template>
 
 <style>
-.fade-enter {
+.fade-enter-from,
-  opacity: 0;
-}
-.fade-enter-active {
-  transition: opacity 1s;
-}
 .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>