修改高度

src/layouts/admin/components/closeFullScreen.vue

@@ -14,7 +14,7 @@ import { useNavTabs } from '@/stores/navTabs'
 const navTabs = useNavTabs()
 
 const state = reactive({
-    closeBoxTop: 20,
+    closeBoxTop: 20
 })
 onMounted(() => {
     setTimeout(() => {
@@ -64,7 +64,7 @@ const onCloseFullScreen = () => {
     position: fixed;
     top: 0;
     z-index: 9999998;
-    height: 60px;
+    height: 50px;
     width: 100px;
     left: calc(50% - 50px);
 }

src/layouts/admin/components/menus/menuHorizontal.vue

@@ -4,7 +4,12 @@
             <Logo />
         </div>
         <el-scrollbar ref="horizontalMenusRef" class="horizontal-menus-scrollbar">
-            <el-menu class="menu-horizontal" mode="horizontal" :default-active="state.defaultActive" :key="state.menuKey">
+            <el-menu
+                class="menu-horizontal"
+                mode="horizontal"
+                :default-active="state.defaultActive"
+                :key="state.menuKey"
+            >
                 <MenuTree :extends="{ position: 'horizontal', level: 1 }" :menus="menus" />
             </el-menu>
         </el-scrollbar>
@@ -31,7 +36,7 @@ const route = useRoute()
 
 const state = reactive({
     menuKey: uuid(),
-    defaultActive: '',
+    defaultActive: ''
 })
 
 const menus = computed(() => {
@@ -58,7 +63,7 @@ onMounted(() => {
     verticalMenusScroll()
 })
 
-onBeforeRouteUpdate((to) => {
+onBeforeRouteUpdate(to => {
     currentRouteActive(to)
 })
 </script>
@@ -68,7 +73,7 @@ onBeforeRouteUpdate((to) => {
     display: flex;
     align-items: center;
     width: 100vw;
-    height: 60px;
+    height: 50px;
     background-color: var(--ba-bg-color-overlay);
     border-bottom: solid 1px var(--el-color-info-light-8);
 }

src/layouts/admin/components/navBar/double.vue

@@ -1,7 +1,12 @@
 <template>
     <div class="layouts-menu-horizontal-double">
         <el-scrollbar ref="horizontalMenusRef" class="double-menus-scrollbar">
-            <el-menu class="menu-horizontal" mode="horizontal" :default-active="state.defaultActive" :key="state.menuKey">
+            <el-menu
+                class="menu-horizontal"
+                mode="horizontal"
+                :default-active="state.defaultActive"
+                :key="state.menuKey"
+            >
                 <MenuTree :extends="{ position: 'horizontal', level: 1 }" :menus="menus" />
             </el-menu>
         </el-scrollbar>
@@ -28,7 +33,7 @@ const route = useRoute()
 
 const state = reactive({
     menuKey: uuid(),
-    defaultActive: '',
+    defaultActive: ''
 })
 
 const menus = computed(() => {
@@ -56,7 +61,7 @@ onMounted(() => {
     verticalMenusScroll()
 })
 
-onBeforeRouteUpdate((to) => {
+onBeforeRouteUpdate(to => {
     currentRouteActive(to)
 })
 </script>
@@ -65,7 +70,7 @@ onBeforeRouteUpdate((to) => {
 .layouts-menu-horizontal-double {
     display: flex;
     align-items: center;
-    height: 60px;
+    height: 50px;
     background-color: var(--ba-bg-color-overlay);
     border-bottom: solid 1px var(--el-color-info-light-8);
 }

src/views/dashboard/index.vue

@@ -19,7 +19,7 @@ import Echart from '@/views/dashboard/components/echart.vue'
     height: 500px;
 }
 ::v-deep(.el-tabs__content) {
-    height: calc(100vh - 110px);
+    height: calc(100vh - 111px);
     overflow-y: auto;
 }