From b00ecbdca1a5d322a6dbb19b692ef02a4c06f9df Mon Sep 17 00:00:00 2001 From: Pine Date: Tue, 25 Aug 2026 20:15:58 +0800 Subject: [PATCH] =?UTF-8?q?fix(tasks):=20=E5=8F=B3=E4=B8=8A=E8=A7=92?= =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=94=B9=E4=B8=80=E8=A1=8C=E5=B9=B3=E9=93=BA?= =?UTF-8?q?=20=E2=80=94=E2=80=94=20=E6=80=BB=E6=95=B0=C2=B7=E7=BF=BB?= =?UTF-8?q?=E9=A1=B5=E5=80=92=E8=AE=A1=E6=97=B6=C2=B7=E9=A1=B5=E7=A0=81?= =?UTF-8?q?=C2=B7=E6=8E=A5=E5=8D=95=E8=AF=B4=E6=98=8E(=E5=8E=BB=E6=8E=89?= =?UTF-8?q?=E8=8A=AF=E7=89=87=E4=B8=8A=E4=B8=8B=E5=B8=83=E5=B1=80)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - TaskDisplay.jsx：tasks-head-info 改 inline 一行(总数/翻页s/页码/说明)，加分隔点。 - task-display.css：tasks-info* 改为无芯片的一行 baseline 布局，去列叠。 Co-Authored-By: Claude --- src/pages/TaskDisplay.jsx | 13 ++++++++----- src/styles/task-display.css | 21 +++++++-------------- 2 files changed, 15 insertions(+), 19 deletions(-) diff --git a/src/pages/TaskDisplay.jsx b/src/pages/TaskDisplay.jsx index 6ec06fe..aeb6daf 100644 --- a/src/pages/TaskDisplay.jsx +++ b/src/pages/TaskDisplay.jsx @@ -70,12 +70,15 @@ export default function TaskDisplay() { 系统任务中心 扫码即可接单 · 园区企业发标 · 合伙人接单 - {/* 右上角信息面板：说明 / 总数 / 轮播倒计时 / 页码 */} + {/* 右上角信息：一行平铺 —— 总数 / 翻页倒计时 / 页码 / 接单说明 */}
-
总数{tasks.length}
-
翻页{pageCount > 1 ? `${countdown}s` : '—'}
-
页码{pageCount > 1 ? `${page + 1}/${pageCount}` : '1/1'}
-
接单方式：抢单 / 竞标 / 指派 / 推荐
+ 总数 {tasks.length} + · + 翻页 {pageCount > 1 ? `${countdown}s` : '—'} + · + 页码 {pageCount > 1 ? `${page + 1}/${pageCount}` : '1/1'} + · + 接单：抢单·竞标·指派·推荐
diff --git a/src/styles/task-display.css b/src/styles/task-display.css index bb1951b..ccb6766 100644 --- a/src/styles/task-display.css +++ b/src/styles/task-display.css @@ -28,25 +28,18 @@ .tasks-head-sub { font-size: 13px; color: var(--bd-sub, #7d8fa9); } .tasks-head-count { margin-left: auto; font-size: 13px; color: var(--bd-blue, #2f6bff); font-weight: 600; } -/* 右上角信息面板（说明 / 总数 / 轮播倒计时 / 页码） */ +/* 右上角信息：一行平铺（总数 / 翻页倒计时 / 页码 / 接单说明）—— 非芯片上下布局 */ .tasks-head-info { margin-left: auto; display: flex; - align-items: center; - gap: 12px; -} -.tasks-info-item { - display: flex; flex-direction: column; align-items: center; gap: 2px; - min-width: 46px; padding: 6px 10px; border-radius: 10px; - background: rgba(47, 107, 255, 0.08); border: 1px solid rgba(47, 107, 255, 0.14); -} -.tasks-info-label { font-size: 10px; color: var(--bd-sub, #7d8fa9); letter-spacing: 0.4px; } -.tasks-info-val { font-size: 17px; font-weight: 700; color: var(--bd-blue, #2f6bff); line-height: 1; } -.tasks-info-hint { - font-size: 11px; color: var(--bd-sub, #7d8fa9); - padding: 6px 10px; border-radius: 10px; background: rgba(29, 44, 68, 0.05); + align-items: baseline; + gap: 8px; white-space: nowrap; } +.tasks-info { font-size: 13px; color: var(--bd-ink, #1d2c44); } +.tasks-info b { font-weight: 700; color: var(--bd-blue, #2f6bff); } +.tasks-info.hint { font-size: 12px; color: var(--bd-sub, #7d8fa9); } +.tasks-info-sep { color: var(--bd-sub, #7d8fa9); } .tasks-loading { color: var(--bd-sub, #7d8fa9); font-size: 15px;