diff --git a/frontend/src/assets/images/logo.png b/frontend/src/assets/images/logo.png index bf517ba..eb2adb6 100644 Binary files a/frontend/src/assets/images/logo.png and b/frontend/src/assets/images/logo.png differ diff --git a/frontend/src/layouts/LayoutTransverse/index.scss b/frontend/src/layouts/LayoutTransverse/index.scss index b746ab5..977fc07 100644 --- a/frontend/src/layouts/LayoutTransverse/index.scss +++ b/frontend/src/layouts/LayoutTransverse/index.scss @@ -10,7 +10,7 @@ padding: 0 15px 0 0; border-bottom: 1px solid var(--el-header-border-color); // background-color: var(--el-header-bg-color); - background-color: var(--el-color-primary); //默认蓝色风格背景 + background-color: #fff; //默认蓝色风格背景 .logo { padding:0 10px 0 15px; margin-right: 30px; @@ -23,7 +23,7 @@ font-size: 21.5px; font-weight: bold; // color: var(--el-header-logo-text-color); - color: #fff; // logo文字颜色 + color: var(--el-color-primary); // logo文字颜色 white-space: nowrap; } } @@ -33,15 +33,14 @@ height: 100%; overflow: hidden; border-bottom: none; - background-color: var(--el-color-primary); //导航蓝色背景 + background-color: #fff; //导航蓝色背景 .el-menu-item { - color: #fff; + color: var(--el-color-primary); } .el-menu-item:hover { color: #fff; //一级导航划过颜色 //background-color: #5274a5 !important; //一级导航划过背景色 - background-color:var(--el-color-primary-light-3) !important; - + background-color:var(--el-color-primary-light-4) !important; } .el-sub-menu__hide-arrow { width: 65px; @@ -50,15 +49,19 @@ .el-menu-item.is-active { color: #fff !important; //一级导航文字选中颜色 //background-color: #5274a5 !important; //一级导航选中背景色 - background-color: var(--el-color-primary-light-3) !important; + background-color: var(--el-color-primary-light-4) !important; border-bottom: 0 !important; } + .el-sub-menu__title:hover { + color: #fff !important; + background-color: var(--el-color-primary-light-4) !important; + } .el-sub-menu__title { - color: #fff; + color: var(--el-color-primary); } .is-opened:hover { - color: #fff; + color: var(--el-color-primary); } .is-active { background-color: var(--el-color-primary) !important; @@ -68,12 +71,12 @@ width: 0; } .el-sub-menu__title { - color: #fff !important; //二级导航文字选中颜色 + color: var(--el-color-primary) !important; //二级导航文字选中颜色 // background-color: var(--el-color-primary) !important; // background-color: #5274a5 !important;//二级导航选中背景色 //background-color: #7588e5 !important; - background-color: var(--el-color-primary-light-3) !important; + background-color: var(--el-color-primary-light-4) !important; border-bottom-color: var(--el-color-primary) !important; } }