优化打手订单结算和大厅加载

This commit is contained in:
yml2213
2026-08-17 13:06:40 +08:00
parent 1d9e102527
commit bca2e4a801
8 changed files with 306 additions and 74 deletions
+55 -4
View File
@@ -159,6 +159,29 @@
line-height: 18px;
}
.worker-order-tab-label {
display: inline-flex;
flex-direction: column;
gap: 2px;
line-height: 1.2;
}
.worker-order-tab-label-main {
display: inline-flex;
align-items: center;
}
.worker-order-tab-settlement {
color: #64748b;
font-size: 11px;
font-weight: 400;
white-space: nowrap;
}
.worker-order-tabs .ant-tabs-tab-active .worker-order-tab-settlement {
color: var(--theme-primary);
}
.worker-order-tabs .ant-tabs-nav {
margin-bottom: 12px;
}
@@ -575,6 +598,16 @@
place-items: center;
}
.worker-hall-load-more {
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: #94a3b8;
font-size: 12px;
}
.worker-hall-card-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
@@ -882,16 +915,17 @@ body {
.worker-orders-status-pill {
flex-shrink: 0;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
border: 1px solid #e2e8f0;
background: #ffffff;
color: #475569;
padding: 5px 12px;
padding: 5px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 4px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: all 0.15s ease;
@@ -919,6 +953,23 @@ body {
color: #ffffff;
}
.worker-orders-status-pill-main {
display: inline-flex;
align-items: center;
gap: 4px;
}
.worker-orders-status-pill-settlement {
color: #94a3b8;
font-size: 10px;
line-height: 14px;
white-space: nowrap;
}
.worker-orders-status-pill.active .worker-orders-status-pill-settlement {
color: rgba(255, 255, 255, 0.86);
}
/* 搜索与快捷刷新栏 */
.worker-orders-mobile-search-row {
display: flex;