diff --git a/src/App.vue b/src/App.vue index a3efc321..2e6368db 100644 --- a/src/App.vue +++ b/src/App.vue @@ -16,13 +16,10 @@ export default { '$store.state.settings.mode': { handler() { if (this.$store.state.settings.mode == 'pc') { - if (this.$store.state.settings.enableSidebarCollapse) { - this.$store.commit('settings/updateThemeSetting', { - 'sidebarCollapse': false - }) - } - } - if (this.$store.state.settings.mode == 'mobile') { + this.$store.commit('settings/updateThemeSetting', { + 'sidebarCollapse': this.$store.state.settings.sidebarCollapseLastStatus + }) + } else if (this.$store.state.settings.mode == 'mobile') { this.$store.commit('settings/updateThemeSetting', { 'sidebarCollapse': true }) diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js index d00f9440..96ad222e 100644 --- a/src/store/modules/settings.js +++ b/src/store/modules/settings.js @@ -5,6 +5,8 @@ import setting from '@/setting' const state = { ...setting, + // 侧边栏是否收起(用于记录 pc 模式下最后的状态) + sidebarCollapseLastStatus: setting.sidebarCollapse, // 显示模式,支持:mobile、pc mode: 'pc', // 页面标题 @@ -31,6 +33,9 @@ const mutations = { // 切换侧边栏导航展开/收起 toggleSidebarCollapse(state) { state.sidebarCollapse = !state.sidebarCollapse + if (state.mode == 'pc') { + state.sidebarCollapseLastStatus = !state.sidebarCollapseLastStatus + } }, // 更新主题配置 updateThemeSetting(state, data) {