大屏项目初始化
This commit is contained in:
@@ -413,6 +413,7 @@ onMounted(() => {
|
|||||||
.app-container {
|
.app-container {
|
||||||
--primary-color: #4285f4;
|
--primary-color: #4285f4;
|
||||||
--primary-dark: #1f2d3d;
|
--primary-dark: #1f2d3d;
|
||||||
|
--menu-hover-bg: #2c3e50;
|
||||||
--tab-bg: #e8eaed;
|
--tab-bg: #e8eaed;
|
||||||
--tab-active-bg: #4285f4;
|
--tab-active-bg: #4285f4;
|
||||||
--tab-text: #333;
|
--tab-text: #333;
|
||||||
@@ -712,21 +713,27 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-sub-menu .el-menu) {
|
:deep(.el-sub-menu .el-menu) {
|
||||||
background-color: #2c3e50 !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-sub-menu .el-menu-item) {
|
:deep(.el-sub-menu .el-menu-item) {
|
||||||
padding-left: 40px !important;
|
padding-left: 40px !important;
|
||||||
}
|
}
|
||||||
:deep(.el-sub-menu .el-sub-menu .el-menu-item) {
|
:deep(.el-sub-menu .el-sub-menu .el-menu-item) {
|
||||||
padding-left: 60px !important;
|
padding-left: 60px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-menu-item.is-active) {
|
:deep(.el-menu-item.is-active) {
|
||||||
background-color: #2c3e50 !important;
|
background-color: var(--menu-hover-bg) !important;
|
||||||
color: #409eff !important;
|
color: #409eff !important;
|
||||||
}
|
}
|
||||||
:deep(.el-sub-menu__title:hover) {
|
:deep(.el-sub-menu__title:hover) {
|
||||||
background-color: #2c3e50 !important;
|
background-color: var(--menu-hover-bg) !important;
|
||||||
}
|
}
|
||||||
|
:deep(.el-menu-item:hover) {
|
||||||
|
background-color: var(--menu-hover-bg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
:deep(.el-dropdown-menu) {
|
:deep(.el-dropdown-menu) {
|
||||||
border: 1px solid #e6e6e6;
|
border: 1px solid #e6e6e6;
|
||||||
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
|
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
|
||||||
|
|||||||
Reference in New Issue
Block a user