评分表 <ScoreTable />
2–4 个方案并列,3–5 条标准,每格是一个带色的短标签:good、mid、bad、plain 四种。为模印风格设计,其他风格也能用。配 build: 'reveal' 逐行出现。

- 分组
- 对比 · 黑表头,每格一个彩色标签
- 组件
ScoreTable·#score-table- 交互
- 按 → 逐行出现
适合
- 几个方案按同一组标准打分
- 结论能写成两三个字
不适合
- 格子里要写一句话:用 CompareTable
- 只比较两项:用 Contrast
内容上限
| 1 | columns 2–4 个,每个 ≤ 10 字 |
| 2 | rows 3–5 行,label ≤ 8 字 |
| 3 | 每格 text ≤ 8 个字符 |
| 4 | 页标题 ≤ 22 字 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
title · 必填 | string | string[] | 标题 |
lead | string | 导语 |
columns · 必填 | string[] | 方案 |
rows · 必填 | { label, cells: { text, tone? }[] }[] | 标准与评分 |
corner | string | 左上角表头 |
source | string | 出处 |
示例代码
<ScoreTable
kicker="三种出口"
title="放映、PDF、PPTX 怎么选"
columns={['HTML 放映', 'PDF', 'PPTX']}
rows={[{ label: '离线打开', cells: [{ text: '可以', tone: 'good' }, …] }]}
/>