From 4031205771207a1a09d03f68f28d786e192c7d10 Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Wed, 8 May 2024 23:46:22 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=9D=A2=E5=8C=85=E5=B1=91=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Header/components/Breadcrumb/index.vue           | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/layout/components/Header/components/Breadcrumb/index.vue b/src/layout/components/Header/components/Breadcrumb/index.vue
index 0ca3ade..4fb8259 100644
--- a/src/layout/components/Header/components/Breadcrumb/index.vue
+++ b/src/layout/components/Header/components/Breadcrumb/index.vue
@@ -2,7 +2,7 @@
   <div>
     <a-space direction="vertical">
       <a-breadcrumb>
-        <a-breadcrumb-item v-for="(item, index) in breadcrumb" :key="item.path">
+        <a-breadcrumb-item v-for="(item, index) in breadcrumb" :key="item.path" :class="transition">
           <span v-if="index === breadcrumb.length - 1" class="main_button">{{ $t(`language.${item?.meta?.title || ""}`) }}</span>
           <span v-else class="route_button" @click="onBreadcrumb(item as RouteLocationMatched)">{{
             $t(`language.${item?.meta?.title || ""}`)
@@ -15,6 +15,11 @@
 
 <script setup lang="ts">
 import { RouteLocationMatched } from "vue-router";
+import { storeToRefs } from "pinia";
+import { useThemeConfig } from "@/store/modules/theme-config";
+
+const themeStore = useThemeConfig();
+const { transitionPage } = storeToRefs(themeStore);
 const route = useRoute();
 const router = useRouter();
 
@@ -37,6 +42,11 @@ const breadcrumb = computed(() => {
   });
 });
 
+// 页面过渡
+const transition = computed(() => {
+  return transitionPage.value === "fadeInOut" ? "fadeInOut-enter-active" : "cardInOut-enter-active";
+});
+
 // 面包屑跳转
 const onBreadcrumb = (route: RouteLocationMatched) => {
   let path = route.redirect ? route.redirect : route.path;