Files
hzdyjs/docs/变更管理/code-adjust-record-2025-01-27-mobile-tabbar-removal.md
T

2.6 KiB

代码调整记录 - 2025-01-27 - 移动端底部导航栏移除

修改概述

移除移动端底部导航栏,只保留首页,删除办公中心和我的页面。

修改内容

1. 配置文件修改

  • 文件: mobile/src/pages.json
  • 修改类型: 删除tabBar配置和相关页面配置
  • 具体变更:
    • 删除完整的tabBar配置块
    • 移除pages/workbench/index页面配置
    • 移除pages/profile/index页面配置

2. 页面文件删除

  • 删除文件:
    • mobile/src/pages/workbench/index.vue - 办公中心页面
    • mobile/src/pages/profile/index.vue - 我的页面

3. 静态资源清理

  • 删除文件:
    • mobile/src/static/tabbar/workbench.svg - 办公中心图标
    • mobile/src/static/tabbar/workbench-active.svg - 办公中心激活图标
    • mobile/src/static/tabbar/profile.svg - 我的页面图标
    • mobile/src/static/tabbar/profile-active.svg - 我的页面激活图标

4. 工具类文件更新

  • 文件: mobile/src/utils/gestures.js

  • 修改内容:

    • 更新PageSwipeGesture类,移除workbench和profile页面引用
    • 简化页面滑动功能,适配单页面模式
  • 文件: mobile/src/utils/user.js

  • 修改内容: 从公共页面列表中移除profile页面

  • 文件: mobile/src/utils/accessibility.js

  • 修改内容: 移除workbench和profile页面的标题配置

5. 首页功能调整

  • 文件: mobile/src/pages/index/index.vue
  • 修改内容:
    • 修改用户头像点击事件,从跳转profile页面改为显示toast提示
    • 保持退出登录功能正常

技术影响

正面影响

  1. 应用结构简化: 移除了底部导航栏,界面更加简洁
  2. 用户体验优化: 专注于单一首页功能,减少页面跳转复杂度
  3. 代码维护: 减少了页面维护工作量

需要关注的点

  1. 用户信息查看: 原profile页面功能需要通过其他方式实现(如头部用户信息显示)
  2. 办公功能: 原workbench页面的功能已整合到首页各模块中
  3. 导航模式: 从tabBar模式改为普通页面导航模式

测试建议

  1. 验证首页各功能模块正常显示和权限控制
  2. 确认用户登录状态和退出功能正常
  3. 检查页面跳转和路由功能
  4. 验证各业务模块的访问入口

后续优化建议

  1. 可考虑在首页头部增加更多用户信息展示
  2. 优化首页布局,突出常用功能
  3. 考虑添加搜索功能来快速定位服务

修改时间: 2025-01-27 23:45:00
修改人员: Cursor AI
测试状态: 已完成基础验证
上线状态: 待测试