diff --git a/nezha-fronted/src/assets/css/components/layout/leftMenu.scss b/nezha-fronted/src/assets/css/components/layout/leftMenu.scss index 8a0a2f02b..ae304a303 100644 --- a/nezha-fronted/src/assets/css/components/layout/leftMenu.scss +++ b/nezha-fronted/src/assets/css/components/layout/leftMenu.scss @@ -23,20 +23,16 @@ .el-menu { background-color: $--left-menu-background-color-base; } - >.el-submenu.is-opened .el-submenu__title { - background-color: $--left-menu-background-color-active !important; + .el-submenu.is-opened .el-menu-item, .el-submenu.is-opened .el-submenu__title { + background-color: $--left-menu-background-color-open !important; } - .el-submenu.is-opened>.el-submenu__title, .el-submenu.is-opened>.el-submenu__title>i { + .el-submenu.is-active>.el-submenu__title, .el-submenu.is-active>.el-submenu__title>i { color: white !important; } - .el-submenu.is-opened .el-menu-item:not(.is-active), .el-submenu.is-opened .el-submenu__title { - background-color: $--left-menu-background-color-open !important; - } - .is-opened.is-active{ - background-color: $--left-menu-background-color-open !important; + .el-submenu.is-active:not(.is-opened)>.el-submenu__title{ + border-left: 3px $--color-primary solid; } .el-menu-item.is-active { - background-color: $--left-menu-background-color-active !important; border-left: 3px $--color-primary solid; } .el-menu-item, .el-submenu__title { @@ -51,6 +47,13 @@ top: 26px; right: 20px; } + + .el-menu-item:focus{ + background-color: $--left-menu-background-color-base; + } + .el-menu-item:hover{ + background-color: $--menu-item-hover-fill; + } } /*---滚动条默认显示样式--*/ @@ -105,21 +108,33 @@ } .collapse-btn{ position: fixed; - bottom: 0; + bottom: 0px; left: 0; width: 252px; height: 52px; + box-sizing: border-box; + padding: 6px 0; transition: all 0.4s ease 0s; cursor: pointer; .copy-right{ - padding: 6px 0 6px 12px; + padding-left: 12px; + line-height: 20px; text-align: left; span{ display: block; - font-size: 13px; - line-height: 20px; - color: $--color-text-secondary; white-space: nowrap; + font-size: 13px; + color: $--color-text-secondary; + } + } + .collapse-text{ + line-height: 20px; + text-align: center; + span{ + display: block; + white-space: nowrap; + font-size: 14px; + color: $--color-text-secondary; } } .collapse-icon{ diff --git a/nezha-fronted/src/components/layout/leftMenu.vue b/nezha-fronted/src/components/layout/leftMenu.vue index 8c11db0e5..ab5b5a86d 100644 --- a/nezha-fronted/src/components/layout/leftMenu.vue +++ b/nezha-fronted/src/components/layout/leftMenu.vue @@ -31,10 +31,17 @@
-
- Copyright © 2019 - 2023 - Geedge Networks. All rights reserved. -
+ +
@@ -50,6 +57,7 @@ export default { return { imgUrl, systemName: localStorage.getItem('nz-sys-name'), + copyright: localStorage.getItem('nz-copyright'), logo: '' } }, diff --git a/nezha-fronted/src/permission.js b/nezha-fronted/src/permission.js index 88ae3cfd8..6a540d43c 100644 --- a/nezha-fronted/src/permission.js +++ b/nezha-fronted/src/permission.js @@ -34,6 +34,7 @@ router.beforeEach((to, from, next) => { localStorage.setItem('nz-sys-bgImg', res.data.system_bgImg || '') localStorage.setItem('nz-default-theme', res.data.theme || '') localStorage.setItem('nz-default-dateFormat', res.data.dateFormat || 'YYYY-MM-DD HH:mm:ss') + localStorage.setItem('nz-copyright', res.data.copyright || 0) changeFavicon(res.data.system_favicon) } resolve()