dingdanquanliucheng/frontend/mini-app/custom-tab-bar/index.wxss
taiyi 24bcf68d8e feat: 融合司机端和管理层端为统一小程序 mini-app
将 mini-driver 和 mini-manager 两个独立小程序合并为 frontend/mini-app,
通过自定义 tabBar 根据登录角色动态切换界面:
- 后端登录接口 role_type 改为可选,支持自动识别角色
- 统一登录页根据 role_code 自动跳转对应首页
- 统一"我的"页通过 wx:if 切换司机/管理层内容
- 自定义 tabBar 组件按角色渲染不同 tab 项
- 提取公共 utils(auth/request/status)消除重复代码
- 原有两个项目保留不动,待验证后清理

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-31 19:04:06 +08:00

39 lines
566 B
Plaintext

.tab-bar {
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 110rpx;
background: #ffffff;
border-top: 1rpx solid #e5eaf1;
padding-bottom: env(safe-area-inset-bottom);
z-index: 999;
}
.tab-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4rpx;
padding: 10rpx 0;
}
.tab-icon {
width: 48rpx;
height: 48rpx;
}
.tab-text {
font-size: 22rpx;
color: #94a3b8;
font-weight: 500;
}
.tab-item.active .tab-text {
color: #2563eb;
font-weight: 700;
}