Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
飞鱼0526
gin-vue-admin
提交
2054ab0f
G
gin-vue-admin
项目概览
飞鱼0526
/
gin-vue-admin
与 Fork 源项目一致
Fork自
FLIPPED-AURORA / gin-vue-admin
通知
2
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,发现更多精彩内容 >>
提交
2054ab0f
编写于
6月 29, 2021
作者:
Mr.奇淼(
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
主题色功能bug修复
上级
f42c6775
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
28 addition
and
28 deletion
+28
-28
web/src/store/module/user.js
web/src/store/module/user.js
+20
-2
web/src/view/layout/aside/historyComponent/history.vue
web/src/view/layout/aside/historyComponent/history.vue
+1
-1
web/src/view/layout/aside/index.vue
web/src/view/layout/aside/index.vue
+3
-21
web/src/view/layout/setting/index.vue
web/src/view/layout/setting/index.vue
+4
-4
未找到文件。
web/src/store/module/user.js
浏览文件 @
2054ab0f
...
...
@@ -118,13 +118,31 @@ export const user = {
token
(
state
)
{
return
state
.
token
},
sideM
ode
(
state
)
{
m
ode
(
state
)
{
return
state
.
userInfo
.
sideMode
},
sideMode
(
state
)
{
if
(
state
.
userInfo
.
sideMode
===
'
dark
'
)
{
return
'
#191a23
'
}
else
if
(
state
.
userInfo
.
sideMode
===
'
light
'
)
{
return
'
#fff
'
}
else
{
return
state
.
userInfo
.
sideMode
}
},
baseColor
(
state
)
{
return
state
.
userInfo
.
baseColor
if
(
state
.
userInfo
.
sideMode
===
'
dark
'
)
{
return
'
#fff
'
}
else
if
(
state
.
userInfo
.
sideMode
===
'
light
'
)
{
return
'
#191a23
'
}
else
{
return
state
.
userInfo
.
baseColor
}
},
activeColor
(
state
)
{
if
(
state
.
userInfo
.
sideMode
===
'
dark
'
||
state
.
userInfo
.
sideMode
===
'
light
'
)
{
return
'
#1890ff
'
}
return
state
.
userInfo
.
activeColor
}
...
...
web/src/view/layout/aside/historyComponent/history.vue
浏览文件 @
2054ab0f
...
...
@@ -16,7 +16,7 @@
:tab=
"item"
class=
"gva-tab"
>
<span
slot=
"label"
:style=
"
{color: active
Color
}">
<i
class=
"dot"
:style=
"
{backgroundColor:activeValue===name(item)?activeColor:'#ddd'}" />
{{
item
.
meta
.
title
}}
</span>
<span
slot=
"label"
:style=
"
{color: active
Value===name(item)?activeColor:'#333'
}">
<i
class=
"dot"
:style=
"
{backgroundColor:activeValue===name(item)?activeColor:'#ddd'}" />
{{
item
.
meta
.
title
}}
</span>
</el-tab-pane>
</el-tabs>
...
...
web/src/view/layout/aside/index.vue
浏览文件 @
2054ab0f
...
...
@@ -6,9 +6,9 @@
:collapse=
"isCollapse"
:collapse-transition=
"true"
:default-active=
"active"
:background-color=
"
backgroundColor
"
:background-color=
"
sideMode
"
:active-text-color=
"activeColor"
:text-color=
"
text
Color"
:text-color=
"
base
Color"
class=
"el-menu-vertical"
unique-opened
@
select=
"selectMenuItem"
...
...
@@ -38,25 +38,7 @@ export default {
},
computed
:
{
...
mapGetters
(
'
router
'
,
[
'
asyncRouters
'
]),
...
mapGetters
(
'
user
'
,
[
'
baseColor
'
,
'
activeColor
'
,
'
sideMode
'
]),
backgroundColor
()
{
if
(
this
.
sideMode
===
'
dark
'
)
{
return
'
#191a23
'
}
else
if
(
this
.
sideMode
===
'
light
'
)
{
return
'
#fff
'
}
else
{
return
this
.
sideMode
}
},
textColor
()
{
if
(
this
.
$store
.
getters
[
'
user/sideMode
'
]
===
'
dark
'
)
{
return
'
#fff
'
}
else
if
(
this
.
$store
.
getters
[
'
user/sideMode
'
]
===
'
light
'
)
{
return
'
#191a23
'
}
else
{
return
this
.
baseColor
}
}
...
mapGetters
(
'
user
'
,
[
'
baseColor
'
,
'
activeColor
'
,
'
sideMode
'
])
},
watch
:
{
$route
()
{
...
...
web/src/view/layout/setting/index.vue
浏览文件 @
2054ab0f
...
...
@@ -9,15 +9,15 @@
>
<div
class=
"setting_body"
>
<div
class=
"setting_card"
>
<div
class=
"setting_title"
>
侧边栏主题
</div>
<div
class=
"setting_title"
>
侧边栏主题
(注:自定义请先配置背景色)
</div>
<div
class=
"setting_content"
>
<div
class=
"theme-box"
>
<div
class=
"item"
@
click=
"changeMode('light')"
>
<i
v-if=
"
sideM
ode === 'light'"
class=
"el-icon-check check"
/>
<i
v-if=
"
m
ode === 'light'"
class=
"el-icon-check check"
/>
<img
src=
"https://gw.alipayobjects.com/zos/antfincdn/NQ%24zoisaD2/jpRkZQMyYRryryPNtyIC.svg"
>
</div>
<div
class=
"item"
@
click=
"changeMode('dark')"
>
<i
v-if=
"
sideM
ode === 'dark'"
class=
"el-icon-check check"
/>
<i
v-if=
"
m
ode === 'dark'"
class=
"el-icon-check check"
/>
<img
src=
"https://gw.alipayobjects.com/zos/antfincdn/XwFOFbLkSM/LCkqqYNmvBEbokSDscrm.svg"
>
</div>
</div>
...
...
@@ -53,7 +53,7 @@ export default {
}
},
computed
:
{
...
mapGetters
(
'
user
'
,
[
'
sideMode
'
,
'
baseColor
'
,
'
activeColor
'
])
...
mapGetters
(
'
user
'
,
[
'
sideMode
'
,
'
baseColor
'
,
'
activeColor
'
,
'
mode
'
])
},
methods
:
{
handleClose
()
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录