twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-15 14:03:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: revision style

Browse Source
This commit is contained in:
xiaoxian521
2021-04-26 02:28:27 +08:00
parent 275ee39b0f
commit 8fe2b78c87
14 changed files with 296 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/style/sidebar.scss
View File

@@ -18,6 +18,7 @@
left: 0;
z-index: 1001;
overflow: hidden;
box-shadow: 0 0 1px #888888;
// reset element-plus css
.horizontal-collapse-transition {
@@ -76,6 +77,7 @@
& .nest-menu .el-submenu > .el-submenu__title,
& .el-submenu .el-menu-item {
font-size: 12px;
min-width: $sideBarWidth !important;
background-color: $subMenuBg !important;

24
src/style/variables.scss
View File

@@ -1,17 +1,29 @@
// sidebar
$menuText: #7a80b4;
$menuActiveText: #7a80b4;
$subMenuActiveText: #f4f4f5;
$subMenuActiveText: #409eff;
// dark样式
//菜单背景
$menuBg: #1b2a47;
// 鼠标覆盖菜单时的背景
$menuHover: #2a395b;
// $menuBg: #1b2a47;
// // 鼠标覆盖菜单时的背景
// $menuHover: #2a395b;
// 子菜单背景
$subMenuBg: #1f2d3d;
// $subMenuBg: #1f2d3d;
// // 鼠标覆盖子菜单时的背景
// $subMenuHover: #001528;
// night样式
//菜单背景
$menuBg: #fff;
// 鼠标覆盖菜单时的背景
$menuHover: #e0ebf6;
// 子菜单背景
$subMenuBg: #fff;
// 鼠标覆盖子菜单时的背景
$subMenuHover: #001528;
$subMenuHover: #e0ebf6;
$sideBarWidth: 210px;