From d20837f9f170047d80fb861010b0c2250cf9355f Mon Sep 17 00:00:00 2001 From: "jif2.zhang" Date: Sun, 25 Oct 2026 02:40:02 +0800 Subject: [PATCH] =?UTF-8?q?refactor(V0.2):=20=E7=9C=8B=E6=9D=BF=20?= =?UTF-8?q?=E2=8B=AF=20=E6=B2=89=E5=88=B0=E5=B7=A6=E4=B8=8B=E8=A7=92;=20?= =?UTF-8?q?=E5=88=97=E8=A1=A8=E8=B4=9F=E8=B4=A3=E4=BA=BA=E5=8F=B3=E4=B8=8B?= =?UTF-8?q?=E8=A7=92,=20=E5=8E=BB=E6=8E=89=E7=8A=B6=E6=80=81=E6=96=87?= =?UTF-8?q?=E5=AD=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 看板卡片左列改为上下撑满: 状态点在上, ⋯ 落到卡片左下角 - 列表行右列改为上下撑满: ⋯ 在右上, 负责人落到右下角 - 列表行第二行不再显示未开始/执行中/完成小字, 只留状态点与成员 --- src/components/task/TaskRow.jsx | 7 +++---- src/styles/globals.css | 12 +++++++++--- 2 files changed, 12 insertions(+), 7 deletions(-) diff --git a/src/components/task/TaskRow.jsx b/src/components/task/TaskRow.jsx index d5f6782..3b4d920 100644 --- a/src/components/task/TaskRow.jsx +++ b/src/components/task/TaskRow.jsx @@ -50,21 +50,20 @@ export default function TaskRow({
{task.title}
- {statusLabel(task.status)} {task.members?.length > 0 && ( + {task.members.map((m) => m.name).join('、')} )}
- - {task.assignee?.name || '未指派'} - { e.stopPropagation(); onMore?.(task) }} onPointerDown={(e) => e.stopPropagation()} >⋯ + + {task.assignee?.name || '未指派'} +
)} diff --git a/src/styles/globals.css b/src/styles/globals.css index de3918e..5069952 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -1002,7 +1002,10 @@ body.me-safe-top .app-safe-top { height: 0; } .task-meta .assignee { font-size: 12px; font-weight: 600; color: var(--color-text); } .task-meta .assignee.none { color: #b8bcc4; font-weight: 400; } .task-meta .members { font-size: 10.5px; color: #a7adb6; } -.task-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } +.task-right { + display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; + align-self: stretch; flex-shrink: 0; +} .task-right .assignee { font-size: 12px; font-weight: 600; color: var(--color-text); } .task-right .assignee.none { color: #b8bcc4; font-weight: 400; } .more { color: #c2c7cf; font-size: 16px; line-height: 1; padding: 0 2px; cursor: pointer; } @@ -1049,8 +1052,11 @@ body.me-safe-top .app-safe-top { height: 0; } box-shadow: 0 1px 2px rgba(0,0,0,.05); cursor: pointer; flex-shrink: 0; display: flex; gap: 7px; align-items: flex-start; } -/* 左侧竖排操作列: 状态点 + ⋯ */ -.bcard-left { display: flex; flex-direction: column; align-items: center; gap: 7px; flex-shrink: 0; padding-top: 1px; } +/* 左侧竖排操作列: 状态点在上, ⋯ 沉到左下角 */ +.bcard-left { + display: flex; flex-direction: column; align-items: center; flex-shrink: 0; + align-self: stretch; justify-content: space-between; padding: 1px 0 2px; +} .bcard-body { flex: 1; min-width: 0; } .bcard.hl { outline: 2px solid var(--color-primary); outline-offset: 1px; } .brow1 { display: flex; align-items: flex-start; gap: 6px; }