twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-09 13:53:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 优化导航样式

Browse Source
This commit is contained in:
xiaoxian521
2021-10-23 20:40:32 +08:00
parent 089dea8441
commit 7dcf98a178
3 changed files with 57 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/style/sidebar.scss
View File

@@ -299,6 +299,11 @@
color: $menuText;
background-color: $subMenuBg;
span {
font-size: 12px;
margin-left: 10px;
}
&:hover {
background-color: $subMenuHover;
}
@@ -306,6 +311,10 @@
.el-sub-menu__title {
color: $menuText;
span {
margin-left: 10px;
}
}
}
@@ -371,6 +380,11 @@
color: $menuText;
background-color: $subMenuBg;
span {
font-size: 12px;
margin-left: 10px;
}
&:hover {
background-color: $subMenuHover;
}
@@ -378,6 +392,10 @@
.el-sub-menu__title {
color: $menuText;
span {
margin-left: 10px;
}
}
}
@@ -435,6 +453,32 @@
min-width: $sideBarWidth !important;
}
// 有子菜单
.el-menu--collapse
.is-active.outer-most.el-sub-menu
> .el-sub-menu__title::before {
position: absolute;
top: 0;
left: 5px;
width: 3px;
height: 100%;
background-color: #1890ff !important;
content: "";
clear: both;
}
// 无子菜单
.el-menu--collapse .is-active.submenu-title-noDropdown.outer-most::before {
position: absolute;
top: 0;
left: 5px;
width: 3px;
height: 100%;
background-color: #1890ff !important;
content: "";
clear: both;
}
// 手机端
.mobile {
.fixed-header {