From 3f38f1bb73baef2b5a34efa54117fd6277eeb8ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9A=E5=95=A6C=E6=A2=A6?= <15709267061@163.com>
Date: Fri, 28 Feb 2025 10:39:19 +0800
Subject: [PATCH] update

---
 src/pages/login/index.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 6e085c6..601d768 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -4,12 +4,26 @@
 
 <template>
     <div class="w-full h-screen relative flex justify-center items-center">
-        <img class="w-full h-full absolute left-0 top-0 -z-10 object-cover" src="../../assets/images/背景.png" alt="" />
+        <img class="w-full h-full absolute left-0 top-0 -z-10 object-cover" src="../../assets/images/背景.png" alt=""/>
 
-        <router-view></router-view>
+        <router-view v-slot="{ Component, route }">
+            <transition name="fade">
+                <component :is="Component" :key="route.path"/>
+            </transition>
+        </router-view>
     </div>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s ease;
+    position: relative;
+}
 
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+    position: absolute;
+}
 </style>