Skip to content

[改进] 优化导航栏界面顺序 #117

Closed

Description

@chiyuuu0123

改进目标

优化顶部导航栏的界面顺序,让用户进入系统后能按“账号状态 → 社团基础信息 → 招新/活动 → 通知/项目 → 场地/物资”等常见使用路径浏览,减少当前入口排列带来的跳转成本。

现状与痛点

当前导航栏入口集中写在 frontend/src/App.vue,顺序大致为:账号、社团、招新、活动、通知、项目、场地管理、场地预约、物资借还。

存在的问题:

  • 账号入口与业务模块混在同一组导航项中,登录后用户更常使用业务功能,账号入口放在首位会占用最高优先级位置。
  • 场地管理、场地预约、物资借还属于权限相关或场景型入口,但目前与通用业务入口并列,缺少清晰分组。
  • 后续模块继续增加时,当前顺序容易变成长横排堆叠,影响扫描效率和移动端适配。

建议方案

  • 调整导航项顺序,优先展示核心业务入口,例如:社团、招新、活动、通知、项目、场地预约、场地管理、物资借还。
  • 将账号、角色信息、退出、后端健康状态等会话/系统状态信息保留在导航右侧,避免与主业务入口抢占顺序。
  • 对有权限控制的入口保持现有显隐逻辑,只调整展示顺序和视觉归类,不改变路由权限。
  • 如顶部空间不足,可考虑为低频或管理类入口提供“更多”菜单,但本 Issue 优先解决顺序和分组问题。

验收标准

  • 导航栏主业务入口顺序调整为符合用户任务流的排列,账号/会话信息不再位于主业务导航首项。
  • 场地管理、场地预约、物资借还等权限入口保持原有可见性判断,调整后不会向无权限用户暴露入口。
  • 当前路由跳转、高亮状态、退出登录、健康状态检测仍能正常工作。
  • 桌面端横向导航无明显拥挤、错位或文本遮挡;窄屏下不出现严重溢出。

Activity

  1. added
    enhancementNew feature or request
    待领取尚未指派,组员可以在 Issue 评论区认领
    优先级:P2增强、统计或展示类任务
    area:frontend前端 UI 美化、样式、交互体验
    and removed
    待领取尚未指派,组员可以在 Issue 评论区认领
    on Jul 10, 2026
  2. Palind-Rome commented on Aug 25, 2026

    @Palind-Rome
    Owner

    经复核,确认本 Issue 已被已合并的 PR #176 实质覆盖,现按 completed 人工关闭。

    关闭依据:

    • [改进] 优化导航栏界面顺序 #117 的核心目标是解决顶部导航入口顺序混乱、账号/会话信息与业务入口混排、场地/物资等权限入口缺少分组,以及桌面/窄屏下导航拥挤问题。
    • PR feat(frontend): 建立全站视觉系统与应用框架 #176 已合并,并将原有长横向顶部导航重构为 桌面分组侧栏 + 移动端抽屉 + 顶栏应用框架,不是只做简单排序,而是从信息架构层面解决了 [改进] 优化导航栏界面顺序 #117 的问题。
    • 当前导航已按「个人空间 / 社团运营 / 协作沟通 / 资源服务」分组;账号与权限被独立归类,活动、通知、项目等业务入口与场地管理、场地预约、物资借还、经费管理等资源/权限型入口得到清晰归组。
    • 场地管理、场地预约、物资借还、经费管理等入口继续沿用原有权限显隐逻辑,没有因导航重构向无权限用户暴露。
    • PR feat(frontend): 建立全站视觉系统与应用框架 #176 同时覆盖当前路由高亮、主题/应用壳、健康状态、账号操作及移动端抽屉,并补充导航、主题、通用组件与应用流程测试;最终 reviewer 给出 APPROVED/LGTM。

    因此,虽然 #176 没有在 PR 描述中写 Closes #117,实现方案已经完整覆盖并超越 #117 原先的“调整顶部导航顺序与分组”方案,继续保留该 Issue 会造成重复跟踪。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:frontend前端 UI 美化、样式、交互体验enhancementNew feature or request优先级:P2增强、统计或展示类任务

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions