iter(g321): 交互控件防误选与移动端点按灰闪清理

2026-10-27 01:08:42 +08:00
parent 25b4d89dae
commit 0e7aca6ebc
2 changed files with 35 additions and 0 deletions
@@ -3275,6 +3275,15 @@
      "motivation": "badge 的手把手里明确说「点角标进消息中心应当把 badge 塞进 button 里」，但 20 条配方没有一条给出消息中心的全貌：未读数怎么单一来源、静态快照组件（list / badge）怎么接信号、已读回写怎么只写数据源，都缺示范。",
      "acceptance": "① recipes.md 新增配方 21（编号连续、代码块与要点齐全，ua recipes 能认出 badge / drawer / list / relativeTime / button / card 组件）；② 配方与真实签名一致（badge count、drawer open 收信号、list items 静态数组、relativeTime value 收时间戳）；③ npm run check 通过。",
      "notes": ""
+    },
+    {
+      "id": "g321",
+      "domain": "visual",
+      "status": "open",
+      "title": "纯交互控件防误选 + 移动端点按灰闪清理",
+      "motivation": "按钮 / 徽标 / 页签 / 分页 / 步骤条这类控件的文案是「动作」不是「内容」：双击或拖选会把按钮文字选中变蓝，观感割裂且打断连点（现全库只有 8 处零散 user-select，交互控件基本没盖住）；移动端浏览器默认点按灰闪（tap highlight）与令牌皮肤同层突兀，按下反馈应由 :active 态承担。",
+      "acceptance": "① ui.css 全局区新增一条控件清单式 user-select: none（button/tag/badge/fab/backtop/page-btn/tab/seg-btn/step/rate-star/checkbox/radio/switch/menu-item/crumb），内容型组件（代码块 / 表格 / 描述列表 / 链接）不入选、照常可复制；② 全站 ua- 类 -webkit-tap-highlight-color: transparent，不引入任何颜色字面量；③ audit:visual / audit:contrast / audit:surface / audit:motion 全绿，npm run check 通过。",
+      "notes": ""
    }
  ]
 }