refactor: 优化导航页UI交互,卡片点击跳转主页+徽章悬浮页面列表

- 去掉顶部冗余统计徽章,Tab导航移入Header居中显示
- 模块卡片改为点击跳转主页,点击页数徽章弹出悬浮页面列表
- 已完成模块卡片添加绿色边框呼吸灯动画
- 健康应急APP角色分组标题与卡片居中对齐
- 同步更新项目背景.md导航页交互说明

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
冯普
2026-04-09 12:39:47 +08:00
co-authored by Claude Opus 4.6
parent 006b5f0d5c
commit fd39307aaf
2 changed files with 201 additions and 189 deletions
+3 -1
View File
@@ -29,7 +29,9 @@ prototype-user-app/
根目录 `index.html` 作为项目统一入口,部署到服务器后供研发人员浏览所有原型页面。
- 通过 Tab 切换三大终端(Web 管理端 / 员工端 APP / 健康应急 APP
- 以模块卡片展示各业务模块,卡片内列出该模块所有原型页面的跳转链接
- 以模块卡片展示各业务模块,点击卡片跳转至该模块主页(index.html)
- 点击卡片右上角页数徽章,悬浮展示该模块所有页面和弹窗的跳转链接
- 已有原型的模块卡片带绿色边框呼吸灯动画,待开发模块为虚线灰色卡片
- 数据驱动:所有模块和页面信息维护在 `SITE_MAP` JS 对象中
- **新增原型页面时,必须同步在 `index.html``SITE_MAP` 中添加对应条目**