数字色块 <NumberTiles />
一排高色块，每块上方一个超大编号，下方标题和一句说明。模印风格下是赭、品红、橙、青四色；其他风格用卡片色和强调色编号。配 build: 'reveal' 逐块出现。
- 分组
- 内容 · 3–4 块高色块，各带一个超大编号
- 组件
NumberTiles·#number-tiles- 交互
- 按 → 逐块出现
适合
- 原则、规矩、阶段，3–4 条
- 每条一句话就能说清
不适合
- 每条要展开讲：用 NumberedColumns
- 超过 4 条
内容上限
| 1 | tiles 3–4 块 |
| 2 | title ≤ 10 字 |
| 3 | body ≤ 36 字 |
| 4 | 页标题 ≤ 22 字 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
title · 必填 | string | string[] | 标题 |
lead | string | 导语 |
tiles · 必填 | { title, body }[] | 色块 |
source | string | 出处 |
示例代码
<NumberTiles
kicker="规矩"
title="先守规矩，再谈好看"
tiles={[{ title: '只组合模板', body: '…' }, …]}
/>