dingdanquanliucheng/frontend/mini-app/pages/manager/approve-list/approve-list.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

93 lines
1.1 KiB
Plaintext

.page {
padding: 28rpx;
}
.approve-page {
display: grid;
gap: 20rpx;
}
.custom-header {
padding: 20rpx 4rpx 0;
}
.header-title {
font-size: 44rpx;
font-weight: 800;
color: #0f172a;
line-height: 1.22;
}
.header-sub {
font-size: 26rpx;
color: #64748b;
margin-top: 6rpx;
}
.tabs {
display: flex;
gap: 14rpx;
flex-wrap: wrap;
padding: 20rpx 24rpx;
}
.list {
display: grid;
gap: 16rpx;
}
.order-card {
padding: 24rpx;
}
.order-head {
display: flex;
justify-content: space-between;
gap: 16rpx;
align-items: flex-start;
}
.order-left {
flex: 1;
min-width: 0;
}
.order-no {
font-size: 30rpx;
font-weight: 700;
color: #0f172a;
}
.order-customer {
margin-top: 6rpx;
font-size: 24rpx;
color: #64748b;
}
.order-meta {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 16rpx;
border-top: 1rpx solid #e5eaf1;
font-size: 24rpx;
color: #64748b;
}
.amount {
font-size: 32rpx;
font-weight: 800;
color: #0f172a;
}
.empty-title {
font-size: 30rpx;
font-weight: 700;
color: #0f172a;
margin-bottom: 8rpx;
}
.message {
color: #047857;
}