fix(tasks): 右上角信息改一行平铺 —— 总数·翻页倒计时·页码·接单说明(去掉芯片上下布局)
- TaskDisplay.jsx:tasks-head-info 改 inline 一行(总数/翻页s/页码/说明),加分隔点。 - task-display.css:tasks-info* 改为无芯片的一行 baseline 布局,去列叠。 Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user