Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
weixin_54624550
gin-vue-admin
提交
52372aa3
G
gin-vue-admin
项目概览
weixin_54624550
/
gin-vue-admin
与 Fork 源项目一致
Fork自
FLIPPED-AURORA / gin-vue-admin
通知
3
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gin-vue-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
52372aa3
编写于
5月 21, 2020
作者:
Mr.奇淼(
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
左侧菜单优化
上级
fb387dfb
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
33 addition
and
26 deletion
+33
-26
web/src/view/layout/aside/index.vue
web/src/view/layout/aside/index.vue
+25
-25
web/src/view/layout/index.vue
web/src/view/layout/index.vue
+8
-1
未找到文件。
web/src/view/layout/aside/index.vue
浏览文件 @
52372aa3
<
template
>
<div>
<el-scrollbar
style=
"height:calc(100vh)"
>
<el-menu
class=
"el-menu-vertical"
:collapse=
"isCollapse"
:collapse-transition=
"true"
:default-active=
"active"
@
select=
"selectMenuItem"
active-text-color=
"#fff"
text-color=
"rgb(191, 203, 217)"
unique-opened
>
<template
v-for=
"item in asyncRouters[0].children"
>
<aside-component
:key=
"item.name"
:routerInfo=
"item"
v-if=
"!item.hidden"
/>
</
template
>
</el-menu>
<el-scrollbar
style=
"height:calc(100vh - 64px)"
>
<transition
:duration=
"
{ enter: 800, leave: 100 }" mode="out-in" name="el-fade-in-linear">
<el-menu
:collapse=
"isCollapse"
:collapse-transition=
"true"
:default-active=
"active"
@
select=
"selectMenuItem"
active-text-color=
"#fff"
class=
"el-menu-vertical"
text-color=
"rgb(191, 203, 217)"
unique-opened
>
<template
v-for=
"item in asyncRouters[0].children"
>
<aside-component
:key=
"item.name"
:routerInfo=
"item"
v-if=
"!item.hidden"
/>
</
template
>
</el-menu>
</transition>
</el-scrollbar>
</div>
</template>
<
script
>
import
{
mapGetters
,
mapMutations
}
from
'
vuex
'
import
{
mapGetters
,
mapMutations
}
from
'
vuex
'
import
AsideComponent
from
'
@/view/layout/aside/asideComponent
'
export
default
{
name
:
'
Aside
'
,
...
...
@@ -31,7 +33,7 @@ export default {
}
},
methods
:
{
...
mapMutations
(
"
history
"
,[
"
addHistory
"
]),
...
mapMutations
(
'
history
'
,
[
'
addHistory
'
]),
selectMenuItem
(
index
)
{
if
(
index
===
this
.
$route
.
name
)
return
this
.
$router
.
push
({
name
:
index
})
...
...
@@ -39,7 +41,6 @@ export default {
},
computed
:
{
...
mapGetters
(
'
router
'
,
[
'
asyncRouters
'
])
},
components
:
{
AsideComponent
...
...
@@ -47,17 +48,16 @@ export default {
created
()
{
this
.
active
=
this
.
$route
.
name
let
screenWidth
=
document
.
body
.
clientWidth
if
(
screenWidth
<
1000
)
{
this
.
isCollapse
=
!
this
.
isCollapse
}
if
(
screenWidth
<
1000
)
{
this
.
isCollapse
=
!
this
.
isCollapse
}
this
.
$bus
.
on
(
'
collapse
'
,
(
item
)
=>
{
this
.
$bus
.
on
(
'
collapse
'
,
item
=>
{
this
.
isCollapse
=
item
})
},
watch
:{
$route
(){
watch
:
{
$route
()
{
this
.
active
=
this
.
$route
.
name
}
},
...
...
web/src/view/layout/index.vue
浏览文件 @
52372aa3
...
...
@@ -319,8 +319,15 @@ $mainHight: 100vh;
&
:not
(
.el-menu--collapse
)
{
width
:
220px
;
}
}
.el-menu--collapse
{
li
{
.el-tooltip
,
.el-submenu__title
{
padding
:
0px
15px
!
important
;
}
}
}
&
::-webkit-scrollbar
{
display
:
none
;
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录