This commit is contained in:
caozehui
2026-07-02 17:48:21 +08:00
parent 15bef7b17f
commit f5f22f9635
2 changed files with 14 additions and 11 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 112 KiB

View File

@@ -10,7 +10,7 @@
padding: 0 15px 0 0; padding: 0 15px 0 0;
border-bottom: 1px solid var(--el-header-border-color); border-bottom: 1px solid var(--el-header-border-color);
// background-color: var(--el-header-bg-color); // background-color: var(--el-header-bg-color);
background-color: var(--el-color-primary); //默认蓝色风格背景 background-color: #fff; //默认蓝色风格背景
.logo { .logo {
padding:0 10px 0 15px; padding:0 10px 0 15px;
margin-right: 30px; margin-right: 30px;
@@ -23,7 +23,7 @@
font-size: 21.5px; font-size: 21.5px;
font-weight: bold; font-weight: bold;
// color: var(--el-header-logo-text-color); // color: var(--el-header-logo-text-color);
color: #fff; // logo文字颜色 color: var(--el-color-primary); // logo文字颜色
white-space: nowrap; white-space: nowrap;
} }
} }
@@ -33,15 +33,14 @@
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
border-bottom: none; border-bottom: none;
background-color: var(--el-color-primary); //导航蓝色背景 background-color: #fff; //导航蓝色背景
.el-menu-item { .el-menu-item {
color: #fff; color: var(--el-color-primary);
} }
.el-menu-item:hover { .el-menu-item:hover {
color: #fff; //一级导航划过颜色 color: #fff; //一级导航划过颜色
//background-color: #5274a5 !important; //一级导航划过背景色 //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 { .el-sub-menu__hide-arrow {
width: 65px; width: 65px;
@@ -50,15 +49,19 @@
.el-menu-item.is-active { .el-menu-item.is-active {
color: #fff !important; //一级导航文字选中颜色 color: #fff !important; //一级导航文字选中颜色
//background-color: #5274a5 !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; 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 { .el-sub-menu__title {
color: #fff; color: var(--el-color-primary);
} }
.is-opened:hover { .is-opened:hover {
color: #fff; color: var(--el-color-primary);
} }
.is-active { .is-active {
background-color: var(--el-color-primary) !important; background-color: var(--el-color-primary) !important;
@@ -68,12 +71,12 @@
width: 0; width: 0;
} }
.el-sub-menu__title { .el-sub-menu__title {
color: #fff !important; //二级导航文字选中颜色 color: var(--el-color-primary) !important; //二级导航文字选中颜色
// background-color: var(--el-color-primary) !important; // background-color: var(--el-color-primary) !important;
// background-color: #5274a5 !important;//二级导航选中背景色 // background-color: #5274a5 !important;//二级导航选中背景色
//background-color: #7588e5 !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; border-bottom-color: var(--el-color-primary) !important;
} }
} }