← 全部模板

评分表 <ScoreTable />

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

分组
对比 · 黑表头,每格一个彩色标签
组件
ScoreTable · #score-table
交互
按 → 逐行出现

适合

  • 几个方案按同一组标准打分
  • 结论能写成两三个字

不适合

  • 格子里要写一句话:用 CompareTable
  • 只比较两项:用 Contrast

内容上限

1columns 2–4 个,每个 ≤ 10 字
2rows 3–5 行,label ≤ 8 字
3每格 text ≤ 8 个字符
4页标题 ≤ 22 字

字段

字段类型
kicker · 必填string小节名
title · 必填string | string[]标题
leadstring导语
columns · 必填string[]方案
rows · 必填{ label, cells: { text, tone? }[] }[]标准与评分
cornerstring左上角表头
sourcestring出处

示例代码

<ScoreTable
  kicker="三种出口"
  title="放映、PDF、PPTX 怎么选"
  columns={['HTML 放映', 'PDF', 'PPTX']}
  rows={[{ label: '离线打开', cells: [{ text: '可以', tone: 'good' }, …] }]}
/>