chore(backlog): 补录 g199-g201 审美提升第二批留痕
This commit is contained in:
+6
-6
@@ -2187,24 +2187,24 @@
|
|||||||
"title": "质感层:主按钮内高光、卡片边框减负、标题字距",
|
"title": "质感层:主按钮内高光、卡片边框减负、标题字距",
|
||||||
"motivation": "渐变全库只有 3 处(进度条纹×2 + 开关激活),主按钮纯平色块无光感;13/15 个卡片容器「1px 边框 + 阴影」叠加导致层次靠线不靠面;letter-spacing 仅 3 处(行 1237/1809/1811),表头与分组标题没有字距节奏。",
|
"motivation": "渐变全库只有 3 处(进度条纹×2 + 开关激活),主按钮纯平色块无光感;13/15 个卡片容器「1px 边框 + 阴影」叠加导致层次靠线不靠面;letter-spacing 仅 3 处(行 1237/1809/1811),表头与分组标题没有字距节奏。",
|
||||||
"acceptance": "主按钮(.ua-btn-primary)加顶部内高光(inset 0 1px 0 白系令牌)与 hover 光泽阴影(走 shadow-accent 系);卡片容器 hover 时阴影升一档、边框同步减淡(配合而非叠加);tokens 新增 --ua-tracking-wide(0.04em)并应用到表头/分组标题/大写小标题;质感手法只走令牌,不新增硬编码;npm run check 全绿。",
|
"acceptance": "主按钮(.ua-btn-primary)加顶部内高光(inset 0 1px 0 白系令牌)与 hover 光泽阴影(走 shadow-accent 系);卡片容器 hover 时阴影升一档、边框同步减淡(配合而非叠加);tokens 新增 --ua-tracking-wide(0.04em)并应用到表头/分组标题/大写小标题;质感手法只走令牌,不新增硬编码;npm run check 全绿。",
|
||||||
"status": "open",
|
"status": "done",
|
||||||
"notes": "暗色主题下内高光需单独覆盖(暗底上白高光刺眼);g196 的表面三阶是本条的前置"
|
"notes": "质感层:新增 highlight 内高光/shadow-highlight/tracking-wide/tight 令牌(亮暗覆盖),主按钮内高光+hover 主题色投影,卡片贴地影+hover 升档边框减淡,字距 4 处全走令牌;幽灵按钮显式退出质感层(透明底白高光露线);commit bfb9178,check 全绿"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "g200",
|
"id": "g200",
|
||||||
"title": "动效编排:浮层分层入场与列表交错",
|
"title": "动效编排:浮层分层入场与列表交错",
|
||||||
"motivation": "animation-delay 全库 0 处——modal/drawer/menu/dropdown 的入场全部齐步走,元素同时出现,没有先后叙事;行 1228/2572/4390 还有 3 处私写 cubic-bezier 绕开了 --ua-ease 体系。",
|
"motivation": "animation-delay 全库 0 处——modal/drawer/menu/dropdown 的入场全部齐步走,元素同时出现,没有先后叙事;行 1228/2572/4390 还有 3 处私写 cubic-bezier 绕开了 --ua-ease 体系。",
|
||||||
"acceptance": "modal/drawer 内容分层入场(面板先动、内容 60ms 错峰跟随,animation-delay 走 --ua-duration 系派生);菜单/下拉项 nth-child 交错入场(1-8 项、20ms 步进、超出即正常出现);3 处私写缓动归入令牌(必要时新增 --ua-ease-spring 回弹档);全部带 prefers-reduced-motion 兜底;npm run check 全绿。",
|
"acceptance": "modal/drawer 内容分层入场(面板先动、内容 60ms 错峰跟随,animation-delay 走 --ua-duration 系派生);菜单/下拉项 nth-child 交错入场(1-8 项、20ms 步进、超出即正常出现);3 处私写缓动归入令牌(必要时新增 --ua-ease-spring 回弹档);全部带 prefers-reduced-motion 兜底;npm run check 全绿。",
|
||||||
"status": "open",
|
"status": "done",
|
||||||
"notes": "纯 CSS 实现(nth-child),不改组件 TS;stagger 用在 8 项以内的菜单/下拉,长列表不适用"
|
"notes": "动效编排:私写缓动 3 处归零(ease-out/spring 归档),modal/drawer 内容分层入场(fast 档错峰),select/menu 弹层子项 nth-child 2..8 交错(--ua-duration-step 0.02s 派生),专块 reduced-motion 兜底;commit 91aa304,check 全绿"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "g201",
|
"id": "g201",
|
||||||
"title": "焦点可达性::focus-visible 区分键盘与鼠标",
|
"title": "焦点可达性::focus-visible 区分键盘与鼠标",
|
||||||
"motivation": "焦点环统一挂在 :focus 上——鼠标点击按钮/页签/菜单项也会出环,键盘用户才需要的视觉信号变成了鼠标用户的视觉噪音,这是「看起来不专业」的隐性来源。",
|
"motivation": "焦点环统一挂在 :focus 上——鼠标点击按钮/页签/菜单项也会出环,键盘用户才需要的视觉信号变成了鼠标用户的视觉噪音,这是「看起来不专业」的隐性来源。",
|
||||||
"acceptance": "按钮/页签/菜单项/分页等点击型控件焦点环改挂 :focus-visible(键盘导航才出环);输入类控件维持 :focus(输入态需要常驻环);触屏/老浏览器降级到现状不劣化;npm run check 全绿。",
|
"acceptance": "按钮/页签/菜单项/分页等点击型控件焦点环改挂 :focus-visible(键盘导航才出环);输入类控件维持 :focus(输入态需要常驻环);触屏/老浏览器降级到现状不劣化;npm run check 全绿。",
|
||||||
"status": "open",
|
"status": "done",
|
||||||
"notes": "需要回归验证 Tab 导航仍全站可见焦点环"
|
"notes": "焦点可达性:清点确认点击型控件已无裸 :focus 残留(38 处 focus-visible/7 处输入类保留);修「吞环」3 处——tab/option/menu-item 键焦改内嵌描边(面板滚动裁切场景);commit e64f72b,check 全绿"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "g202",
|
"id": "g202",
|
||||||
|
|||||||
@@ -243,3 +243,6 @@
|
|||||||
{"ts": "2026-10-26T18:10:33+08:00", "id": "g196", "result": "done", "commit": "9ef8637", "summary": "中性色阶地基:tokens 新增 surface-2/3/inset、text-secondary/faint、overlay/strong 9 令牌(亮暗双向),ui.css 遮罩 5 处 rgba 归档 + 虚拟列表私写分割线回归 border-subtle + 凹陷散点 3 处归档"}
|
{"ts": "2026-10-26T18:10:33+08:00", "id": "g196", "result": "done", "commit": "9ef8637", "summary": "中性色阶地基:tokens 新增 surface-2/3/inset、text-secondary/faint、overlay/strong 9 令牌(亮暗双向),ui.css 遮罩 5 处 rgba 归档 + 虚拟列表私写分割线回归 border-subtle + 凹陷散点 3 处归档"}
|
||||||
{"ts": "2026-10-26T18:10:33+08:00", "id": "g197", "result": "done", "commit": "8148317", "summary": "accent 淡底配方化:tint-accent(10%)/tint-accent-weak(5%) 亮暗各套,37 处 transparent 变体收敛(16 弱 + 21 标准),混 bg 与高浓档按规则保留"}
|
{"ts": "2026-10-26T18:10:33+08:00", "id": "g197", "result": "done", "commit": "8148317", "summary": "accent 淡底配方化:tint-accent(10%)/tint-accent-weak(5%) 亮暗各套,37 处 transparent 变体收敛(16 弱 + 21 标准),混 bg 与高浓档按规则保留"}
|
||||||
{"ts": "2026-10-26T18:10:33+08:00", "id": "g198", "result": "done", "commit": "2996b87", "summary": "全控件按下态补齐:input/textarea 补 hover 边框过渡,select-trigger/menu-item/option/tab/acc-head/page-btn/calendar-day 补 :active(surface-2 深一档),9 规则 + 2 transition 补齐,:not(:disabled) 守卫"}
|
{"ts": "2026-10-26T18:10:33+08:00", "id": "g198", "result": "done", "commit": "2996b87", "summary": "全控件按下态补齐:input/textarea 补 hover 边框过渡,select-trigger/menu-item/option/tab/acc-head/page-btn/calendar-day 补 :active(surface-2 深一档),9 规则 + 2 transition 补齐,:not(:disabled) 守卫"}
|
||||||
|
{"ts": "2026-10-26T18:25:13+08:00", "id": "g199", "result": "done", "commit": "bfb9178", "summary": "质感层:新增 highlight 内高光/shadow-highlight/tracking-wide/tight 令牌(亮暗覆盖),主按钮内高光+hover 主题色投影,卡片贴地影+hover 升档边框减淡,字距 4 处全走令牌;幽灵按钮显式退出质感层(透明底白高光露线)"}
|
||||||
|
{"ts": "2026-10-26T18:25:13+08:00", "id": "g200", "result": "done", "commit": "91aa304", "summary": "动效编排:私写缓动 3 处归零(ease-out/spring 归档),modal/drawer 内容分层入场(fast 档错峰),select/menu 弹层子项 nth-child 2..8 交错(--ua-duration-step 0.02s 派生),专块 reduced-motion 兜底"}
|
||||||
|
{"ts": "2026-10-26T18:25:13+08:00", "id": "g201", "result": "done", "commit": "e64f72b", "summary": "焦点可达性:清点确认点击型控件已无裸 :focus 残留(38 处 focus-visible/7 处输入类保留);修「吞环」3 处——tab/option/menu-item 键焦改内嵌描边(面板滚动裁切场景)"}
|
||||||
|
|||||||
Reference in New Issue
Block a user