From 1d954025fb4816b95014ef2542d12ec182c34391 Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Thu, 25 Aug 2022 17:11:34 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=20breadcrumb=20t?=
 =?UTF-8?q?ransition?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Breadcrumb/index.vue | 18 ++++++++----------
 src/styles/transition.scss                 | 17 -----------------
 2 files changed, 8 insertions(+), 27 deletions(-)

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 {