大数字开场 <NumberOpener />
左边一个 400u 的强调色数字,右边一句解释和一行补充。比 BigStat 更极简,用在开场或章节第一页。
Template and style descriptions are currently available in Chinese only.
- Group
- 节奏 · 用一个数字开一章
- Component
NumberOpener·#number-opener
Good for
- 开场就抛出最关键的一个数字
- 章节第一页用一个数字定调
Avoid when
- 需要多个数字:用 BigStat 或 KpiBoard
- 数字没有出处
Content limits
| 1 | value ≤ 5 个字符 |
| 2 | unit ≤ 4 个字符 |
| 3 | text ≤ 2 行 × 14 字 |
| 4 | sub ≤ 40 字 |
| 5 | source 必填 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名 |
value · required | string | 数字 |
unit | string | 单位 |
text · required | string | string[] | 解释 |
sub | string | 补充 |
source · required | string | 出处 |
Example
<NumberOpener
kicker="这一期之后"
value="67"
unit="个"
text={['固定模板,', '每个都写明内容上限']}
source="src/kit/catalog.ts"
/>