diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
index 61f567a4..859cce60 100644
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@@ -1,6 +1,6 @@
 <template>
   <el-breadcrumb class="flex-y-center">
-    <transition-group name="el-fade-in-right">
+    <transition-group name="el-fade-in-linear" mode="out-in">
       <el-breadcrumb-item v-for="(item, index) in breadcrumbs" :key="item.path">
         <span
           v-if="item.redirect === 'noredirect' || index === breadcrumbs.length - 1"
diff --git a/src/layout/components/AppMain/index.vue b/src/layout/components/AppMain/index.vue
index 7ebe4bc6..8f33f3c4 100644
--- a/src/layout/components/AppMain/index.vue
+++ b/src/layout/components/AppMain/index.vue
@@ -2,7 +2,7 @@
   <section class="app-main" :style="{ height: appMainHeight }">
     <router-view>
       <template #default="{ Component, route }">
-        <transition name="el-fade-in">
+        <transition name="el-fade-in-linear" mode="out-in">
           <keep-alive :include="cachedViews">
             <component :is="Component" :key="route.path" />
           </keep-alive>
diff --git a/src/layout/components/Sidebar/components/SidebarLogo.vue b/src/layout/components/Sidebar/components/SidebarLogo.vue
index bfe760f7..2c72e50d 100644
--- a/src/layout/components/Sidebar/components/SidebarLogo.vue
+++ b/src/layout/components/Sidebar/components/SidebarLogo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="logo">
-    <transition enter-active-class="el-fade-in-left">
+    <transition name="el-fade-in-linear" mode="out-in">
       <router-link :key="+collapse" class="wh-full flex-center" to="/">
         <img :src="logo" class="w20px h20px" />
         <span v-if="!collapse" class="title">