logo
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 112 KiB |
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user