Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改高度

Browse Source
This commit is contained in:
GGJ
2023-12-26 15:01:03 +08:00
parent c37fdba0e7
commit 6467affc8b
4 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/admin/components/closeFullScreen.vue
View File

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

13
src/layouts/admin/components/menus/menuHorizontal.vue
View File

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

13
src/layouts/admin/components/navBar/double.vue
View File

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

2
src/views/dashboard/index.vue
View File

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