OPC-Hub/park-desktop
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(tasks): 任务页右上角信息面板 —— 说明/总数/轮播倒计时/页码

Browse Source 
- TaskDisplay.jsx：右上角加 总数、翻页倒计时(s, 每秒递减翻页时复位)、页码 x/y、接单方式说明。
- task-display.css 加 tasks-head-info / tasks-info-* 样式。

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Pine
2026-08-25 19:55:36 +08:00
parent 953441806d
commit b121eb748b
2 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/task-display.css
+20
View File
@@ -28,6 +28,26 @@
.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);
white-space: nowrap;
}
.tasks-loading {
color: var(--bd-sub, #7d8fa9); font-size: 15px;
display: flex; align-items: center; justify-content: center; height: 60%;