Prechádzať zdrojové kódy

fix: 取消左侧菜单和顶部菜单的阴影过渡

louhangfei 10 mesiacov pred
rodič
commit
67d1afa148
2 zmenil súbory, kde vykonal 5 pridanie a 2 odobranie
  1. 2 2
      src/components/Nav.vue
  2. 3 0
      src/layout/MenuLayout.vue

+ 2 - 2
src/components/Nav.vue

@@ -71,7 +71,7 @@
 
   const handleNavClick = (item: { name: string; path: string }) => {
     if (!item.path) {
-      ElMessage.warning(`${item.name}功能建设中,暂无法访问`);
+      ElMessage.warning({ message: `${item.name}功能建设中,暂无法访问`, offset: 100, grouping: true });
       return;
     }
     activeNav.value = item.name;
@@ -106,7 +106,7 @@
         color: #333;
         border-radius: 4cpx;
         cursor: pointer;
-        transition: all 0.3s ease-in-out;
+        // transition: all 0.3s ease-in-out;
         &.active {
           background: linear-gradient(180deg, #33afff, $primary-color);
           color: $white-color;

+ 3 - 0
src/layout/MenuLayout.vue

@@ -78,6 +78,9 @@
 </script>
 
 <style scoped lang="scss">
+  :deep(.el-menu-item) {
+    transition: unset;
+  }
   .home-container {
     display: flex;
     gap: 10px;