From 5c395f4825a348f1d63ec640a3f5c7870abc387a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=BB=9D=E5=B0=98?= <237809796@qq.com> Date: Fri, 19 Jun 2026 23:50:27 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D:=20=E5=AF=B9=E8=AF=9D?= =?UTF-8?q?=E5=88=97=E8=A1=A8=E8=84=89=E5=86=B2=E7=82=B9=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E9=94=99=E4=BD=8D(vertical-align/margin-left=20=E5=86=B2?= =?UTF-8?q?=E7=AA=81)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit CR-14 多会话脉冲点 .ai-conv-gen-dot vertical-align:middle 在 inline-flex 父内无效 + margin-left:4px 与父 gap:3px 叠加(间距 7px 不一致)+ 脉冲点可能被 ellipsis 挤出。 - 移除 vertical-align:middle(flex 用 align-items center)+ margin-left:4px(用父 gap 统一) - .ai-conv-item-title 加 min-width:0(允许 flex 收缩,脉冲点 flex-shrink:0 不被 ellipsis 挤出) 深入分析(Explore agent)另发现 MEDIUM/LOW(搜索缺 --flash 动画/置顶 hover 才可见/归档缺重命名提示), 属交互一致性非样式错乱,本次只修脉冲点 HIGH,余项按需后续。 --- src/components/AiChat.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/AiChat.vue b/src/components/AiChat.vue index c387ba7..2e2c8d8 100644 --- a/src/components/AiChat.vue +++ b/src/components/AiChat.vue @@ -779,6 +779,7 @@ body.ai-sidebar-resizing * { display: inline-flex; align-items: center; gap: 3px; + min-width: 0; } /* UX-2025-20 §7.4: AI 生成标题淡入(0.3s opacity + transform 过渡) */ .ai-conv-item-title--flash { @@ -815,8 +816,6 @@ body.ai-sidebar-resizing * { height: 6px; border-radius: 50%; background: var(--df-primary, #4f8cff); - margin-left: 4px; - vertical-align: middle; flex-shrink: 0; animation: ai-conv-gen-pulse 1.4s ease-in-out infinite; }