Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
InJoyU
vue-element-admin
提交
b44000c9
V
vue-element-admin
项目概览
InJoyU
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
b44000c9
编写于
1月 30, 2019
作者:
花
花裤衩
提交者:
GitHub
1月 30, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf[Style]: optimize the sidebar style to make it better to set (#1568)
上级
727c1a45
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
41 addition
and
17 deletion
+41
-17
src/styles/sidebar.scss
src/styles/sidebar.scss
+28
-11
src/styles/variables.scss
src/styles/variables.scss
+13
-6
未找到文件。
src/styles/sidebar.scss
浏览文件 @
b44000c9
...
...
@@ -58,8 +58,26 @@
width
:
100%
!
important
;
}
// menu hover
.submenu-title-noDropdown
,
.el-submenu__title
{
&
:hover
{
background-color
:
$menuHover
!
important
;
}
}
.is-active
>
.el-submenu__title
{
color
:
#f4f4f5
!
important
;
color
:
$subMenuActiveText
!
important
;
}
&
.nest-menu
.el-submenu
>
.el-submenu__title
,
&
.el-submenu
.el-menu-item
{
min-width
:
$sideBarWidth
!
important
;
background-color
:
$subMenuBg
!
important
;
&
:hover
{
background-color
:
$subMenuHover
!
important
;
}
}
}
...
...
@@ -108,16 +126,6 @@
}
}
.sidebar-container
.nest-menu
.el-submenu
>
.el-submenu__title
,
.sidebar-container
.el-submenu
.el-menu-item
{
min-width
:
$sideBarWidth
!
important
;
background-color
:
$subMenuBg
!
important
;
&
:hover
{
background-color
:
$menuHover
!
important
;
}
}
.el-menu--collapse
.el-menu
.el-submenu
{
min-width
:
$sideBarWidth
!
important
;
}
...
...
@@ -150,10 +158,19 @@
}
}
// when menu collapsed
.el-menu--vertical
{
&
>
.el-menu
{
.svg-icon
{
margin-right
:
16px
;
}
}
.nest-menu
.el-submenu
>
.el-submenu__title
,
.el-menu-item
{
&
:hover
{
// You can use $subMenuHover
background-color
:
$menuHover
!
important
;
}
}
}
src/styles/variables.scss
浏览文件 @
b44000c9
...
...
@@ -9,19 +9,26 @@ $yellow:#FEC171;
$panGreen
:
#30B08F
;
//sidebar
$menuBg
:
#304156
;
$subMenuBg
:
#1f2d3d
;
$menuHover
:
#001528
;
$menuText
:
#bfcbd9
;
$menuActiveText
:
#409EFF
;
$subMenuActiveText
:
#f4f4f5
;
//https://github.com/ElemeFE/element/issues/12951
$menuBg
:
#304156
;
$menuHover
:
#263445
;
$subMenuBg
:
#1f2d3d
;
$subMenuHover
:
#001528
;
$sideBarWidth
:
180px
;
// the :export directive is the magic sauce for webpack
:export
{
menuText
:
$menuText
;
menuActiveText
:
$menuActiveText
;
subMenuActiveText
:
$subMenuActiveText
;
menuBg
:
$menuBg
;
subMenuBg
:
$subMenuBg
;
menuHover
:
$menuHover
;
menuText
:
$menuText
;
menuActiveText
:
$menuActiveText
;
subMenuBg
:
$subMenuBg
;
subMenuHover
:
$subMenuHover
;
sideBarWidth
:
$sideBarWidth
;
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录