From 9401bd2b3dd4041528857e94182ad34bbbeb252b Mon Sep 17 00:00:00 2001
From: "jif2.zhang" <jif2.zhang>
Date: Sun, 25 Oct 2026 02:59:52 +0800
Subject: [PATCH] =?UTF-8?q?refactor(V0.2):=20=E5=88=97=E8=A1=A8=E8=A1=8C?=
 =?UTF-8?q?=E7=AD=89=E9=AB=98=20(=E6=97=A0=E6=A0=87=E7=AD=BE=E4=BF=9D?=
 =?UTF-8?q?=E7=95=99=E5=85=83=E4=BF=A1=E6=81=AF=E8=A1=8C);=20=E7=9C=8B?=
 =?UTF-8?q?=E6=9D=BF=E7=B1=BB=E5=9E=8B=E6=A0=87=E7=AD=BE=E4=B8=8E=E8=B4=9F?=
 =?UTF-8?q?=E8=B4=A3=E4=BA=BA=E5=90=8C=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/task/TaskCard.jsx | 20 ++++++++++----------
 src/components/task/TaskRow.jsx  | 19 +++++++++----------
 src/styles/globals.css           |  5 ++++-
 3 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/components/task/TaskCard.jsx b/src/components/task/TaskCard.jsx
index 1e92bc3..37f1a9c 100644
--- a/src/components/task/TaskCard.jsx
+++ b/src/components/task/TaskCard.jsx
@@ -46,12 +46,17 @@ export default function TaskCard({
         </div>
 
         <div className="bmeta">
-          <span className={`bassignee${task.assignee ? '' : ' none'}`}>
-            {task.assignee?.name || '未指派'}
-          </span>
-          {task.members?.length > 0 && (
-            <span className="bmembers">+ {task.members.map((m) => m.name).join('、')}</span>
+          {task.kind && (
+            <span className="kind-tag" style={{ background: kindColor(task.kind) }}>{task.kind}</span>
           )}
+          <span style={{ display: 'flex', alignItems: 'center', gap: 6, marginLeft: 'auto', minWidth: 0, justifyContent: 'flex-end' }}>
+            <span className={`bassignee${task.assignee ? '' : ' none'}`}>
+              {task.assignee?.name || '未指派'}
+            </span>
+            {task.members?.length > 0 && (
+              <span className="bmembers">+ {task.members.map((m) => m.name).join('、')}</span>
+            )}
+          </span>
         </div>
 
         {shown.map((c) => (
@@ -67,11 +72,6 @@ export default function TaskCard({
           </div>
         ))}
         {rest > 0 && <div className="bmore">+{rest} 个子任务</div>}
-        {task.kind && (
-          <div style={{ marginTop: 5 }}>
-            <span className="kind-tag" style={{ background: kindColor(task.kind) }}>{task.kind}</span>
-          </div>
-        )}
       </div>
     </div>
   )
diff --git a/src/components/task/TaskRow.jsx b/src/components/task/TaskRow.jsx
index 7bf9e68..8fcd006 100644
--- a/src/components/task/TaskRow.jsx
+++ b/src/components/task/TaskRow.jsx
@@ -49,16 +49,15 @@ export default function TaskRow({
           <>
             <div className="task-main">
               <div className="task-title">{task.title}</div>
-              {(task.kind || task.members?.length > 0) && (
-                <div className="task-meta">
-                  {task.kind && (
-                    <span className="kind-tag" style={{ background: kindColor(task.kind) }}>{task.kind}</span>
-                  )}
-                  {task.members?.length > 0 && (
-                    <span className="members">+ {task.members.map((m) => m.name).join('、')}</span>
-                  )}
-                </div>
-              )}
+              {/* 无类型/成员也保留该行, 与有标签的行等高 */}
+              <div className="task-meta">
+                {task.kind && (
+                  <span className="kind-tag" style={{ background: kindColor(task.kind) }}>{task.kind}</span>
+                )}
+                {task.members?.length > 0 && (
+                  <span className="members">+ {task.members.map((m) => m.name).join('、')}</span>
+                )}
+              </div>
             </div>
             <div className="task-right">
               <span
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 7ca2479..92056a4 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1012,7 +1012,10 @@ body.me-safe-top .app-safe-top { height: 0; }
 .task-main { flex: 1; min-width: 0; }
 .task-title { font-size: 14px; display: flex; align-items: center; gap: 6px; word-break: break-word; }
 .task-row.done .task-title { color: #a0a0a0; text-decoration: line-through; }
-.task-meta { display: flex; align-items: center; gap: 7px; margin-top: 4px; font-size: 11px; color: #999; flex-wrap: wrap; }
+.task-meta {
+  display: flex; align-items: center; gap: 7px; margin-top: 4px; font-size: 11px;
+  color: #999; flex-wrap: wrap; min-height: 17px;
+}
 .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; }