From cfdc8e0cc745d84efac553b8fb8fbd116cde61ab Mon Sep 17 00:00:00 2001
From: ray <1490493387@qq.com>
Date: Thu, 13 Feb 2025 20:30:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20:sparkles:=20=E9=9B=86=E6=88=90=20anima?=
 =?UTF-8?q?te.css=20=E5=8A=A8=E7=94=BB=EF=BC=8Celement-plus=20=E5=86=85?=
 =?UTF-8?q?=E7=BD=AE=E5=8A=A8=E7=94=BB=E8=BF=87=E4=BA=8E=E5=8D=95=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                             | 1 +
 src/layout/components/AppMain/index.vue                  | 2 +-
 src/layout/components/Sidebar/components/SidebarLogo.vue | 4 ++--
 src/main.ts                                              | 4 ++++
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index dd30df77..5aa47071 100644
--- a/package.json
+++ b/package.json
@@ -49,6 +49,7 @@
     "@vueuse/core": "^12.5.0",
     "@wangeditor-next/editor": "^5.6.31",
     "@wangeditor-next/editor-for-vue": "^5.1.14",
+    "animate.css": "^4.1.1",
     "axios": "^1.7.9",
     "codemirror": "^5.65.18",
     "codemirror-editor-vue3": "^2.8.0",
diff --git a/src/layout/components/AppMain/index.vue b/src/layout/components/AppMain/index.vue
index 8f33f3c4..398ee216 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-linear" mode="out-in">
+        <transition enter-active-class="animate__animated animate__fadeIn" 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 2c72e50d..ab04b52e 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 name="el-fade-in-linear" mode="out-in">
+    <transition enter-active-class="animate__animated animate__fadeInLeft">
       <router-link :key="+collapse" class="wh-full flex-center" to="/">
         <img :src="logo" class="w20px h20px" />
         <span v-if="!collapse" class="title">
@@ -34,7 +34,7 @@ defineProps({
     margin-left: 10px;
     font-size: 14px;
     font-weight: bold;
-    color: white;
+    color: #ffffff;
   }
 }
 
diff --git a/src/main.ts b/src/main.ts
index 5485bacf..0167bf8c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,6 +8,10 @@ import "element-plus/theme-chalk/dark/css-vars.css";
 import "@/styles/dark/css-vars.css";
 import "@/styles/index.scss";
 import "uno.css";
+
+// 全局引入 animate.css
+import "animate.css";
+
 // 自动为某些默认事件（如 touchstart、wheel 等）添加 { passive: true },提升滚动性能并消除控制台的非被动事件监听警告
 import "default-passive-events";