diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue
index 0be9838100b94776526f9212ba606a0997ae6968..fddafb94118dd33d858f43d7403b51422a089c70 100644
--- a/src/components/Hamburger/index.vue
+++ b/src/components/Hamburger/index.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="app-hamburger" @click="toggleSiderBar">
-    <MenuUnfoldOutlined v-if="sidebarCollapsed" />
+    <MenuUnfoldOutlined v-if="!sidebarCollapsed" />
     <MenuFoldOutlined v-else />
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent, computed } from 'vue'
 import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue'
-// import { useStore } from 'vuex'
+import store from '@/store'
 
 export default defineComponent({
   name: 'Hamburger',
@@ -18,12 +18,10 @@ export default defineComponent({
   },
 
   setup() {
-    // const store = useStore()
-    // const sidebarCollapsed = computed(() => store.state.app.sidebarCollapsed)
-    const sidebarCollapsed = false
+    const sidebarCollapsed = computed(() => store.state.app.sidebarCollapsed)
 
     const toggleSiderBar = () => {
-      // store.commit('app/TOGGLE_COLLAPSED')
+      store.commit('app/TOGGLE_COLLAPSED', sidebarCollapsed.value)
     }
 
     return {
diff --git a/src/layout/Sidebar/index.vue b/src/layout/Sidebar/index.vue
index 18be968100e694cd634127090d8a818b6e848efe..4f86a4ef95f0286627d2a140b68e133a2d90660a 100644
--- a/src/layout/Sidebar/index.vue
+++ b/src/layout/Sidebar/index.vue
@@ -1,5 +1,6 @@
 <template>
   <a-layout-sider
+    v-if="showSider"
     :collapsed="collapsed"
     :width="200"
     :collapsed-width="100"
@@ -52,6 +53,7 @@
 
 <script lang="ts">
 import { mapState } from 'vuex'
+import store from '@/store'
 
 export default {
   data() {
@@ -67,6 +69,9 @@ export default {
     collapsed() {
       return !(Array.isArray(this.active.lv1.children) && this.active.lv1.children.length)
     },
+    showSider() {
+      return store.state.app.sidebarCollapsed
+    },
   },
   methods: {
     randomChildren(num = 1) {
diff --git a/src/store/modules/app/getters.ts b/src/store/modules/app/getters.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b9e74dfc93feef688c67f75bfcf5d2bb49e5fcf5
--- /dev/null
+++ b/src/store/modules/app/getters.ts
@@ -0,0 +1,5 @@
+import { IAppState } from './state'
+
+export const getters = {
+  sidebarCollapsed: (state: IAppState) => state.sidebarCollapsed,
+}
diff --git a/src/store/modules/app/index.ts b/src/store/modules/app/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1341a95222da491020eee6844399b37e7712e3e0
--- /dev/null
+++ b/src/store/modules/app/index.ts
@@ -0,0 +1,15 @@
+/**
+ * App信息模块
+ */
+import { state } from './state'
+import { mutations } from './mutations'
+// import { actions } from './actions'
+import { getters } from './getters'
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  // actions,
+  getters,
+}
diff --git a/src/store/modules/app/mutations.ts b/src/store/modules/app/mutations.ts
new file mode 100644
index 0000000000000000000000000000000000000000..42138ec1e3936bdf937abb56a5d586c64febd839
--- /dev/null
+++ b/src/store/modules/app/mutations.ts
@@ -0,0 +1,7 @@
+import { IAppState } from './state'
+
+export const mutations = {
+  TOGGLE_COLLAPSED: (state: IAppState, sidebarCollapsed: boolean) => {
+    state.sidebarCollapsed = !sidebarCollapsed
+  },
+}
diff --git a/src/store/modules/app/state.ts b/src/store/modules/app/state.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b637b0c9ee3449a852cc3046f7e00e4cd5e2b21a
--- /dev/null
+++ b/src/store/modules/app/state.ts
@@ -0,0 +1,7 @@
+export type IAppState = {
+  sidebarCollapsed: boolean
+}
+
+export const state: IAppState = {
+  sidebarCollapsed: true,
+}
diff --git a/src/store/modules/index.ts b/src/store/modules/index.ts
index dc4e358dc68f926634ffe88ed139969b7d8169a3..b2aa6e2173fd05f52a77ff64704003a7ec9106ef 100644
--- a/src/store/modules/index.ts
+++ b/src/store/modules/index.ts
@@ -10,7 +10,9 @@ Object.keys(allModules).forEach((path) => {
 // /********************************自动导包 end********************************/
 //
 import user from './user'
+import app from './app'
 
 export default {
   user,
+  app,
 }
diff --git a/src/store/types.ts b/src/store/types.ts
index ce2c9ed869ca150c338bb00702fc082c6899eb74..ba26012f881e6168c0f4d26ad0e89308b0cf2c7b 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -1,7 +1,9 @@
 import { IUserState } from '@/store/modules/user/state'
+import { IAppState } from '@/store/modules/app/state'
 
 export interface IStore {
   user: IUserState
+  app: IAppState
 }
 
 declare global {