通知对接，解决引入tailwindcss后，侧边栏菜单折叠后不显示logo的问题，角色用户分配增加卡片加载，首页去除多余元素，页面切换动画

src/layout/components/Sidebar/Logo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="sidebar-logo-container" :class="{ collapse: collapse }">
+  <div class="sidebar-logo-container" :class="{ 'collapse-logo': collapse }">
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo" />
@@ -71,7 +71,7 @@ const sideTheme = computed(() => settingsStore.sideTheme)
     }
   }
 
-  &.collapse {
+  &.collapse-logo {
     .sidebar-logo {
       margin-right: 0px;
     }

src/layout/index.vue

@@ -21,9 +21,11 @@
       <el-main class="app-main">
         <router-view v-slot="{ Component, route }">
           <!-- <transition name="fade-transform" mode="out-in"> -->
-          <keep-alive :include="cachedViews">
-            <component v-if="!route.meta.link" :is="Component" :key="route.path" />
-          </keep-alive>
+          <transition name="scale" mode="out-in">
+            <keep-alive :include="cachedViews">
+              <component v-if="!route.meta.link" :is="Component" :key="route.path" />
+            </keep-alive>
+          </transition>
           <!-- </transition> -->
         </router-view>
         <iframe-toggle />
@@ -174,4 +176,15 @@ function close() {
     --el-header-height: var(--el-header-height) + var(--el-tags-height) !important;
   }
 }
+
+.scale-enter-active,
+.scale-leave-active {
+  transition: all 0.3s ease;
+}
+
+.scale-enter-from,
+.scale-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}
 </style>