diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 50f0c334..63034b05 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -11,6 +11,15 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="0.4.0">
+      <ul> 
+      <a name="0-4-0"> </a> 
+      <li> 
+        <h3>0.4.1 <span class="layui-badge-rim">2022-03-17</span></h3> 
+        <ul>
+          <li>[新增] transition 组件 type 属性, 默认为 collapse 过渡。</li>
+        </ul> 
+      </li>
+    </ul>
     <ul> 
       <a name="0-4-0"> </a> 
       <li> 
diff --git a/src/component/transition/fadeTransition.vue b/src/component/transition/fadeTransition.vue
index 6e20717a..4a39085d 100644
--- a/src/component/transition/fadeTransition.vue
+++ b/src/component/transition/fadeTransition.vue
@@ -1,4 +1,3 @@
-
 <template>
   <transition name="fade">
     <slot></slot>
@@ -18,4 +17,4 @@
 .fade-leave-active {
   transition: opacity 1s;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/component/transition/index.vue b/src/component/transition/index.vue
index 2d5e7da2..7f7ab17e 100644
--- a/src/component/transition/index.vue
+++ b/src/component/transition/index.vue
@@ -1,6 +1,8 @@
 <template>
-  <LayCollapseTransition v-if="type==='collapse'"><slot></slot></LayCollapseTransition>
-  <LayFadeTransition v-if="type==='fade'"><slot></slot></LayFadeTransition>
+  <LayCollapseTransition v-if="type === 'collapse'"
+    ><slot></slot
+  ></LayCollapseTransition>
+  <LayFadeTransition v-if="type === 'fade'"><slot></slot></LayFadeTransition>
 </template>
 
 <script lang="ts">
@@ -14,10 +16,10 @@ import LayCollapseTransition from "./collapseTransition.vue";
 import LayFadeTransition from "./fadeTransition.vue";
 
 export interface LayTransitionProps {
-  type?: string
+  type?: string;
 }
 
 const props = withDefaults(defineProps<LayTransitionProps>(), {
-  type: 'collapse',
+  type: "collapse",
 });
 </script>