style:隐藏顶栏的纵向滚动条（单双栏布局模式）

zjhappy1314 · Mar 31, 2024 · a31b5cf · a31b5cf
1 parent a2315ae
commit a31b5cf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/web/src/layouts/backend/components/menus/menuHorizontal.vue b/web/src/layouts/backend/components/menus/menuHorizontal.vue
@@ -59,9 +59,9 @@ onBeforeRouteUpdate((to) => {
     display: flex;
     align-items: center;
     width: 100vw;
-    height: 60px;
+    height: var(--el-header-height);
     background-color: var(--ba-bg-color-overlay);
-    border-bottom: solid 1px var(--el-color-info-light-8);
+    border-bottom: 1px solid var(--el-color-info-light-8);
 }
 .menu-horizontal-logo {
     width: 180px;
@@ -71,6 +71,7 @@ onBeforeRouteUpdate((to) => {
 }
 .horizontal-menus-scrollbar {
     flex: 1;
+    height: var(--el-header-height);
 }
 .menu-horizontal {
     border: none;

diff --git a/web/src/layouts/backend/components/navBar/double.vue b/web/src/layouts/backend/components/navBar/double.vue
@@ -56,12 +56,13 @@ onBeforeRouteUpdate((to) => {
 .layouts-menu-horizontal-double {
     display: flex;
     align-items: center;
-    height: 60px;
+    height: var(--el-header-height);
     background-color: var(--ba-bg-color-overlay);
-    border-bottom: solid 1px var(--el-color-info-light-8);
+    border-bottom: 1px solid var(--el-color-info-light-8);
 }
 .double-menus-scrollbar {
     width: 70vw;
+    height: var(--el-header-height);
 }
 .menu-horizontal {
     border: none;