diff --git a/src/layout/components/NavBar/NavRight.vue b/src/layout/components/NavBar/NavRight.vue index 99568683..8cc4ef5e 100644 --- a/src/layout/components/NavBar/NavRight.vue +++ b/src/layout/components/NavBar/NavRight.vue @@ -94,12 +94,12 @@ function logout() { width: 30px; height: 50px; line-height: 50px; - color: #5a5e66; + color: var(--el-text-color-regular); text-align: center; cursor: pointer; &:hover { - background: rgb(249 250 251 / 100%); + background: var(--el-color-info-light-3); } } } diff --git a/src/layout/index.vue b/src/layout/index.vue index 4ce38e24..0d2e4589 100644 --- a/src/layout/index.vue +++ b/src/layout/index.vue @@ -131,22 +131,28 @@ function handleOutsideClick() { // 导航栏顶部显示 .isTop { .sidebar-container { + z-index: 800; + display: flex; width: 100% !important; height: 50px; - display: flex; - z-index: 800; + :deep(.logo-wrap) { width: 210px; } + :deep(.el-scrollbar) { flex: 1; - min-width: 0px; + min-width: 0; height: 50px; } } + .main-container { - margin-left: 0px; padding-top: 50px; + margin-left: 0; } + + // 顶部模式全局变量修改 + --el-menu-item-height: 50px; }