diff --git a/src/layouts/components/common/SettingDrawer.vue b/src/layouts/components/common/SettingDrawer.vue
index 857346e..0460643 100644
--- a/src/layouts/components/common/SettingDrawer.vue
+++ b/src/layouts/components/common/SettingDrawer.vue
@@ -53,6 +53,10 @@
           {{ $t('app.BreadcrumbIcon') }}
           <n-switch v-model:value="appStore.showBreadcrumbIcon" />
         </n-space>
+        <n-space justify="space-between">
+          菜单手风琴模式
+          <n-switch v-model:value="appStore.menuAccordion" />
+        </n-space>
       </n-space>
 
       <template #footer>
diff --git a/src/layouts/components/sider/Menu.vue b/src/layouts/components/sider/Menu.vue
index 68b107b..a328b08 100644
--- a/src/layouts/components/sider/Menu.vue
+++ b/src/layouts/components/sider/Menu.vue
@@ -6,6 +6,7 @@
     :collapsed-width="64"
     :options="routeStore.menus"
     :value="routeStore.activeMenu"
+    :accordion="appStore.menuAccordion"
   />
 </template>
 
diff --git a/src/store/app/index.ts b/src/store/app/index.ts
index 7791bc0..d22854c 100644
--- a/src/store/app/index.ts
+++ b/src/store/app/index.ts
@@ -38,6 +38,7 @@ export const useAppStore = defineStore('app-store', {
       transitionAnimation: 'zoom-out' as TransitionAnimation,
       layoutMode: 'leftMenu' as LayoutMode,
       contentFullScreen: false,
+      menuAccordion: true,
     }
   },
   getters: {
@@ -65,10 +66,10 @@ export const useAppStore = defineStore('app-store', {
       this.showFooter = true
       this.showBreadcrumb = true
       this.showBreadcrumbIcon = true
-      this.showWatermark = false
       this.transitionAnimation = 'zoom-out'
       this.layoutMode = 'leftMenu'
       this.contentFullScreen = false
+      this.menuAccordion = true
 
       // 重置所有配色
       this.setPrimaryColor(this.primaryColor)
@@ -125,6 +126,10 @@ export const useAppStore = defineStore('app-store', {
       docEle.value.classList.toggle('gray-mode')
       this.grayMode = docEle.value.classList.contains('gray-mode')
     },
+    /* 切换菜单手风琴模式 */
+    toggleMenuAccordion() {
+      this.menuAccordion = !this.menuAccordion
+    },
   },
   persist: {
     storage: localStorage,