Files
smartDriveEEUniApp/custom-tab-bar
2026-01-09 21:44:01 +08:00
..
2026-01-09 21:44:01 +08:00
2026-01-09 19:41:18 +08:00

自定义 TabBar 说明

概述

  • 采用 uni-app 自定义 TabBar实现按角色roleName动态隐藏“教务”入口。
  • roleName 从登录接口返回,已存储在本地:backend-role-name
  • speaking_training_teacher 角色:不显示“教务”项,也不占位。

文件位置

  • custom-tab-bar/index.vue:自定义 TabBar 组件。
  • pages.jsontabBar.custom: true,启用自定义 TabBar。

使用说明

  • 自定义 TabBar 自动显示在所有 tab 页面底部。
  • 点击项使用 uni.switchTab 跳转。
  • 当前激活项通过 getCurrentPages() 获取当前路由。

角色控制

  • 数据源:backend-role-name(登录成功时写入)。
  • 逻辑:角色等于 speaking_training_teacher 时展示“教务”;否则过滤掉该项。

图标

  • 现用原有图标:
    • /static/tabbar/reception.png / _active.png
    • /static/tabbar/customer.png / _active.png
    • /static/tabbar/team.png / _active.png
    • /static/tabbar/insight.png / _active.png
    • /static/tabbar/list.png / _active.png(教务,仅教务角色可见)
    • /static/tabbar/me.png / _active.png