diff --git a/src/layouts/views/MixLayout.vue b/src/layouts/views/MixLayout.vue index 1ee93513..c84f05e2 100644 --- a/src/layouts/views/MixLayout.vue +++ b/src/layouts/views/MixLayout.vue @@ -139,16 +139,6 @@ console.log("🎨 MixLayout rendered"); width: $sidebar-width; // 默认宽度:显示logo+文字 height: 100%; - // 中屏设备优化(800px-1100px):适度缩小但保持显示文字 - @media (min-width: 768px) and (max-width: 1100px) { - width: 180px; // 缩小到180px,为菜单腾出空间 - } - - // 小屏设备:只显示logo,使用收缩宽度 - @media (max-width: 767px) { - width: $sidebar-width-collapsed; // 只显示logo:54px - } - :deep(.logo) { height: 100%; diff --git a/src/layouts/views/TopLayout.vue b/src/layouts/views/TopLayout.vue index a7e82c76..5001e7dd 100644 --- a/src/layouts/views/TopLayout.vue +++ b/src/layouts/views/TopLayout.vue @@ -59,7 +59,6 @@ const isLogoCollapsed = computed(() => width.value < 768); width: 100%; height: $navbar-height; background-color: $menu-background; - box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); &-left { display: flex; @@ -74,24 +73,10 @@ const isLogoCollapsed = computed(() => width.value < 768); flex-shrink: 0; // 防止Logo被压缩 width: $sidebar-width; // 默认宽度:显示logo+文字 height: $navbar-height; - padding: 0; - margin-right: 20px; - background: transparent; - - // 中屏设备优化(800px-1100px):适度缩小但保持显示文字 - @media (min-width: 768px) and (max-width: 1100px) { - width: 180px; // 缩小到180px,为菜单腾出空间 - margin-right: 16px; // 减少右边距 - } // 小屏设备:只显示logo,使用收缩宽度 - @media (max-width: 767px) { + @media (max-width: 768px) { width: $sidebar-width-collapsed; // 只显示logo:54px - margin-right: 12px; // 减少右边距 - } - - a { - height: 100%; } } } @@ -134,23 +119,8 @@ const isLogoCollapsed = computed(() => width.value < 768); .el-sub-menu__title { height: $navbar-height; line-height: $navbar-height; - - @media (min-width: 768px) and (max-width: 1200px) { - padding: 0 12px; - font-size: 14px; - } - - @media (max-width: 767px) { - padding: 0 8px; - font-size: 13px; - } } } - - // 修复子菜单弹出位置 - .el-menu--popup { - min-width: 160px; - } } } @@ -166,22 +136,4 @@ const isLogoCollapsed = computed(() => width.value < 768); height: calc(100vh - $navbar-height - $tags-view-height) !important; } } - -// 中屏设备的特殊优化 -@media (min-width: 768px) and (max-width: 1200px) { - .layout { - &__header { - padding: 0 8px; // 添加少量内边距 - } - } -} - -// 小屏设备的特殊优化 -@media (max-width: 767px) { - .layout { - &__header { - padding: 0 4px; - } - } -}