iter(g130): 新增栅格容器 grid

2026-10-26 15:20:04 +08:00
parent 88c2515f2e
commit 23d1e063dc
13 changed files with 202 additions and 13 deletions
@@ -1399,11 +1399,11 @@
    },
    {
      "id": "g130",
-      "title": "新增栅格布局 row / col",
+      "title": "新增栅格容器 grid",
      "motivation": "页面骨架只能靠 space 与手写 flex，24 栅格、列间距、响应式断点缺失，示例页布局各写一套",
-      "acceptance": "row 提供 gutter 列间距与 justify/align，col 提供 span/offset 与 sm/md 断点；窄屏自动堆叠；样式只消费 --ua-*；文档与演示同步；npm run check 全绿",
+      "acceptance": "grid 支持 columns 固定列数与 min 走 auto-fit 自适应列宽、gutter 统一列间距、align 交叉轴对齐、dense 紧凑填充；窄屏自动降为单列；样式只消费 --ua-*；manifest/docs/README/demo/llms-full 同步；npm run check 全绿",
      "status": "open",
-      "notes": "自补：组件补充方向"
+      "notes": "自补：组件补充方向（原设想 row/col 24 栅格，实施改为单容器 grid —— auto-fit 已覆盖响应式，跨列需求交给子项自身宽度，少一层抽象）"
    },
    {
      "id": "g131",