diff --git a/src/layout/components/Breadcrumb/index.vue b/src/layout/components/Breadcrumb/index.vue
index f76eadf..fff591d 100644
--- a/src/layout/components/Breadcrumb/index.vue
+++ b/src/layout/components/Breadcrumb/index.vue
@@ -48,16 +48,14 @@ getBreadcrumb()
 
 <template>
   <el-breadcrumb class="app-breadcrumb">
-    <transition-group name="breadcrumb">
-      <el-breadcrumb-item v-for="(item, index) in breadcrumbs" :key="item.path">
-        <span v-if="item.redirect === 'noRedirect' || index === breadcrumbs.length - 1" class="no-redirect">
-          {{ item.meta.title }}
-        </span>
-        <a v-else @click.prevent="handleLink(item)">
-          {{ item.meta.title }}
-        </a>
-      </el-breadcrumb-item>
-    </transition-group>
+    <el-breadcrumb-item v-for="(item, index) in breadcrumbs" :key="item.path">
+      <span v-if="item.redirect === 'noRedirect' || index === breadcrumbs.length - 1" class="no-redirect">
+        {{ item.meta.title }}
+      </span>
+      <a v-else @click.prevent="handleLink(item)">
+        {{ item.meta.title }}
+      </a>
+    </el-breadcrumb-item>
   </el-breadcrumb>
 </template>
 
diff --git a/src/styles/transition.scss b/src/styles/transition.scss
index 1c268b5..bbd5238 100644
--- a/src/styles/transition.scss
+++ b/src/styles/transition.scss
@@ -14,23 +14,6 @@
   transform: translateX(30px);
 }
 
-// breadcrumb
-.breadcrumb-enter-active,
-.breadcrumb-leave-active {
-  transition: all 0.5s;
-}
-.breadcrumb-enter,
-.breadcrumb-leave-active {
-  opacity: 0;
-  transform: translateX(20px);
-}
-.breadcrumb-move {
-  transition: all 0.5s;
-}
-.breadcrumb-leave-active {
-  position: absolute;
-}
-
 // sidebar-logo-fade
 .sidebar-logo-fade-enter-active,
 .sidebar-logo-fade-leave-active {