大数字开场 <NumberOpener />
左边一个 400u 的强调色数字,右边一句解释和一行补充。比 BigStat 更极简,用在开场或章节第一页。
版型與風格的說明目前僅提供簡體中文。
- 分組
- 节奏 · 用一个数字开一章
- 元件
NumberOpener·#number-opener
適合
- 开场就抛出最关键的一个数字
- 章节第一页用一个数字定调
不適合
- 需要多个数字:用 BigStat 或 KpiBoard
- 数字没有出处
內容上限
| 1 | value ≤ 5 个字符 |
| 2 | unit ≤ 4 个字符 |
| 3 | text ≤ 2 行 × 14 字 |
| 4 | sub ≤ 40 字 |
| 5 | source 必填 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
value · 必填 | string | 数字 |
unit | string | 单位 |
text · 必填 | string | string[] | 解释 |
sub | string | 补充 |
source · 必填 | string | 出处 |
範例程式碼
<NumberOpener
kicker="这一期之后"
value="67"
unit="个"
text={['固定模板,', '每个都写明内容上限']}
source="src/kit/catalog.ts"
/>