
- 分组
- 数据 · 3–4 个粗边框数字盒
- 组件
FramedStats·#framed-stats
适合
- 3–4 个并列的关键数字
- 活动、产品、项目的规模一览
不适合
- 数字需要解释:用 KpiBoard
- 只有一个数字:用 BigStat
内容上限
| 1 | stats 3–4 个 |
| 2 | value ≤ 6 个字符 |
| 3 | label ≤ 12 字 |
| 4 | 页标题 ≤ 22 字 |
| 5 | 有数字就要有 source |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
title · 必填 | string | string[] | 标题 |
lead | string | 导语 |
stats · 必填 | { value, label }[] | 数字 |
source | string | 出处 |
示例代码
<FramedStats
kicker="一眼看全"
title="这个引擎里有什么"
stats={[{ value: '251', label: '个模板' }, …]}
source="…"
/>