Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
gyf5267218
vue-element-admin
提交
727c1a45
V
vue-element-admin
项目概览
gyf5267218
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
4
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,发现更多精彩内容 >>
提交
727c1a45
编写于
1月 29, 2019
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf[Sidebar]: use sass variables in vue template
上级
9daeb1cb
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
19 addition
and
3 deletion
+19
-3
src/styles/variables.scss
src/styles/variables.scss
+12
-0
src/views/layout/components/Sidebar/index.vue
src/views/layout/components/Sidebar/index.vue
+7
-3
未找到文件。
src/styles/variables.scss
浏览文件 @
727c1a45
...
...
@@ -12,4 +12,16 @@ $panGreen: #30B08F;
$menuBg
:
#304156
;
$subMenuBg
:
#1f2d3d
;
$menuHover
:
#001528
;
$menuText
:
#bfcbd9
;
$menuActiveText
:
#409EFF
;
$sideBarWidth
:
180px
;
// the :export directive is the magic sauce for webpack
:export
{
menuBg
:
$menuBg
;
subMenuBg
:
$subMenuBg
;
menuHover
:
$menuHover
;
menuText
:
$menuText
;
menuActiveText
:
$menuActiveText
;
sideBarWidth
:
$sideBarWidth
;
}
src/views/layout/components/Sidebar/index.vue
浏览文件 @
727c1a45
...
...
@@ -4,10 +4,10 @@
:show-timeout=
"200"
:default-active=
"$route.path"
:collapse=
"isCollapse"
:background-color=
"variables.menuBg"
:text-color=
"variables.menuText"
:active-text-color=
"variables.menuActiveText"
mode=
"vertical"
background-color=
"#304156"
text-color=
"#bfcbd9"
active-text-color=
"#409EFF"
>
<sidebar-item
v-for=
"route in permission_routers"
:key=
"route.path"
:item=
"route"
:base-path=
"route.path"
/>
</el-menu>
...
...
@@ -17,6 +17,7 @@
<
script
>
import
{
mapGetters
}
from
'
vuex
'
import
SidebarItem
from
'
./SidebarItem
'
import
variables
from
'
@/styles/variables.scss
'
export
default
{
components
:
{
SidebarItem
},
...
...
@@ -25,6 +26,9 @@ export default {
'
permission_routers
'
,
'
sidebar
'
]),
variables
()
{
return
variables
},
isCollapse
()
{
return
!
this
.
sidebar
.
opened
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录