Browse Source

feat(header-bar): 点击菜单后关闭所有展开的子菜单- 在点击菜单项后,关闭所有展开的一级和三级菜单- 优化了菜单展开和收缩的逻辑,提高用户体验

panqiuyao 5 months ago
parent
commit
d8b8e6343e
1 changed files with 8 additions and 1 deletions
  1. 8 1
      frontend/src/components/header-bar/index.vue

+ 8 - 1
frontend/src/components/header-bar/index.vue

@@ -166,8 +166,15 @@ function getItemClick(item: MenuItem) {
   if (menuItem && menuItem.click) {
     menuItem.click()
   }
-}
 
+  // 关闭所有展开的一级和三级菜单
+  for (const key in submenuOpen) {
+    submenuOpen[key] = false
+  }
+  for (const key in thirdLevelOpen) {
+    thirdLevelOpen[key] = false
+  }
+}
 function getItemName(item: MenuItem) {
   const menuItem = item.type ? { ...menuType[item.type], ...item } : item
   return menuItem.name