refactor: ♻️ 使用 Element-Plus 内置过渡动画替换 animate.css 动画库

src/components/Breadcrumb/index.vue

@@ -1,6 +1,6 @@
 <template>
   <el-breadcrumb class="flex-y-center">
-    <transition-group enter-active-class="animate__animated animate__fadeInRight">
+    <transition-group name="el-fade-in-right">
       <el-breadcrumb-item v-for="(item, index) in breadcrumbs" :key="item.path">
         <span
           v-if="item.redirect === 'noredirect' || index === breadcrumbs.length - 1"

src/layout/components/AppMain/index.vue

@@ -2,7 +2,7 @@
   <section class="app-main" :style="{ height: appMainHeight }">
     <router-view>
       <template #default="{ Component, route }">
-        <transition enter-active-class="animate__animated animate__fadeIn" mode="out-in">
+        <transition name="el-fade-in">
           <keep-alive :include="cachedViews">
             <component :is="Component" :key="route.path" />
           </keep-alive>

src/main.ts

@@ -10,7 +10,6 @@ import "element-plus/theme-chalk/dark/css-vars.css";
 import "@/styles/dark/css-vars.css";
 import "@/styles/index.scss";
 import "uno.css";
-import "animate.css";
 
 const app = createApp(App);
 // 注册插件