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 2022-09-30 16:58:37 +08:00
parent 9f82e4626f
commit 80fc1c21e8
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/layout/components/Sidebar/index.vue
View File

@ -66,7 +66,7 @@ const isCollapse = computed(() => {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 4px; width: 2px;
height: 100%; height: 100%;
background-color: var(--v3-sidebar-menu-tip-line-bg-color); background-color: var(--v3-sidebar-menu-tip-line-bg-color);
} }
@ -107,6 +107,7 @@ const isCollapse = computed(() => {
:deep(.el-sub-menu .el-menu-item) { :deep(.el-sub-menu .el-menu-item) {
height: var(--v3-sidebar-menu-item-height); height: var(--v3-sidebar-menu-item-height);
line-height: var(--v3-sidebar-menu-item-height); line-height: var(--v3-sidebar-menu-item-height);
&.is-active,
&:hover { &:hover {
background-color: var(--v3-sidebar-menu-hover-bg-color); background-color: var(--v3-sidebar-menu-hover-bg-color);
} }

6
src/styles/variables.css
View File

@ -12,12 +12,12 @@
--v3-sidebar-hide-width: 54px; --v3-sidebar-hide-width: 54px;
--v3-sidebar-menu-item-height: 60px; --v3-sidebar-menu-item-height: 60px;
--v3-sidebar-menu-tip-line-bg-color: #66b1ff; --v3-sidebar-menu-tip-line-bg-color: #66b1ff;
--v3-sidebar-menu-bg-color: #152d3d; --v3-sidebar-menu-bg-color: #001428;
--v3-sidebar-menu-hover-bg-color: #ffffff10; --v3-sidebar-menu-hover-bg-color: #ffffff10;
--v3-sidebar-menu-text-color: #c0c4cc; --v3-sidebar-menu-text-color: #c0c4cc;
--v3-sidebar-menu-active-text-color: #ffffff; --v3-sidebar-menu-active-text-color: #ffffff;
/** SidebarLogo 组件 */ /** SidebarLogo 组件 */
--v3-sidebarlogo-bg-color: #0c202b; --v3-sidebarlogo-bg-color: #001428;
/** TagsView 组件 */ /** TagsView 组件 */
--v3-tagsview-height: 34px; --v3-tagsview-height: 34px;
--v3-tagsview-tag-text-color: #495060; --v3-tagsview-tag-text-color: #495060;
@ -30,5 +30,5 @@
--v3-tagsview-tag-icon-hover-bg-color: #00000030; --v3-tagsview-tag-icon-hover-bg-color: #00000030;
--v3-tagsview-tag-icon-hover-color: #ffffff; --v3-tagsview-tag-icon-hover-color: #ffffff;
/** RightPanel 组件 */ /** RightPanel 组件 */
--v3-rightpanel-button-bg-color: #152d3d; --v3-rightpanel-button-bg-color: #001428;
} }