caoliancun/vue-antd-admin-skeleton
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add theme style toggle function

Browse Source
This commit is contained in:
chenghx
2018-08-29 15:02:46 +08:00
parent 2cef87a631
commit 8a0c4b9a3c
5 changed files with 47 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/layout/GlobalLayout.vue
View File

@@ -1,9 +1,9 @@
<template>
<a-layout>
<drawer v-if="isMobile" :openDrawer="collapsed" @change="onDrawerChange">
<sider-menu :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/>
<sider-menu :theme="theme" :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/>
</drawer>
<sider-menu v-else :menuData="menuData" :collapsed="collapsed" :collapsible="true" />
<sider-menu :theme="theme" v-else :menuData="menuData" :collapsed="collapsed" :collapsible="true" />
<drawer :open-drawer="showSetting" placement="right" @change="onSettingDrawerChange">
<div class="setting" slot="handler">
<a-icon :type="showSetting ? 'close' : 'setting'" />
@@ -66,6 +66,9 @@ export default {
computed: {
isMobile () {
return this.$store.state.setting.isMobile
},
theme () {
return this.$store.state.setting.theme
}
},
methods: {