章节进度 <ChapterProgress />
上半是章节标题和一个大号“02 / 04”,下半是一条进度线:讲完的章节打勾,当前章点亮,后面的章节变淡。
Template and style descriptions are currently available in Chinese only.
- Group
- 节奏 · 章节第一页,告诉听众讲到哪了
- Component
ChapterProgress·#chapter-progress
Good for
- 分章的长演示,每章第一页
- 听众需要知道还剩多少
Avoid when
- 只有一章
- 想要配图标和大卡片的章节页:用 SectionBreak
Content limits
| 1 | chapters 3–6 个,每个 ≤ 8 字 |
| 2 | current 从 0 开始 |
| 3 | title ≤ 2 行 × 10 字 |
| 4 | lead ≤ 50 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名 |
title · required | string | string[] | 本章标题 |
lead | string | 导语 |
chapters · required | string[] | 全部章节 |
current · required | number | 当前章,从 0 开始 |
Example
<ChapterProgress
kicker="第二部分"
title="面板模板"
chapters={['风格引擎', '面板模板', '节奏页', '检查与放映']}
current={1}
/>