巨型规格数字 <KeySpec />
一个占满半页的渐变大数字加单位,上方一句观点,下方一句说明和最多 3 个小规格。
Template and style descriptions are currently available in Chinese only.
- Group
- 证据 · 一个规格数字
- Component
KeySpec·#key-spec
Good for
- 产品规格、关键指标
- 一个数字就是论点
Avoid when
- 要比较多个数:用 StatRow
- 要看变化:用 CountCompare
Content limits
| 1 | title ≤ 1 行 × 16 字 |
| 2 | value ≤ 5 字符,unit ≤ 4 字符 |
| 3 | caption ≤ 30 字 |
| 4 | specs 0–3 个:value ≤ 7 字符,label ≤ 12 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
value · required | string | 大数字 |
unit | string | 单位 |
caption · required | string | 数字说明 |
specs | { value, label }[] | 底部小规格 |
Example
<KeySpec kicker="单文件" title="整份演示,就是一个 HTML" value="6.1" unit="MB" caption="…" />