admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化顶部布局模式样式

Browse Source
This commit is contained in:
pany 2023-07-19 13:11:52 +08:00
parent 58cfdebcca
commit 4571a12742
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/layouts/components/NavigationBar/index.vue
View File

@ -98,6 +98,13 @@ const logout = () => {
:deep(.el-menu) { :deep(.el-menu) {
background-color: transparent; background-color: transparent;
} }
:deep(.el-sub-menu) {
&.is-active {
.el-sub-menu__title {
color: var(--el-menu-active-color) !important;
}
}
}
} }
.right-menu { .right-menu {
margin-right: 10px; margin-right: 10px;

2
src/styles/variables.css
View File

@ -7,7 +7,7 @@
--v3-header-bg-color: #ffffff; --v3-header-bg-color: #ffffff;
/** NavigationBar 组件 */ /** NavigationBar 组件 */
--v3-navigationbar-height: 50px; --v3-navigationbar-height: 50px;
/** Sidebar 组件 */ /** Sidebar 组件（左侧模式全部生效、顶部模式全部不生效、混合模式非颜色部分生效） */
--v3-sidebar-width: 220px; --v3-sidebar-width: 220px;
--v3-sidebar-hide-width: 58px; --v3-sidebar-hide-width: 58px;
--v3-sidebar-menu-item-height: 60px; --v3-sidebar-menu-item-height: 60px;