章节进度 <ChapterProgress />
上半是章节标题和一个大号“02 / 04”,下半是一条进度线:讲完的章节打勾,当前章点亮,后面的章节变淡。
版型與風格的說明目前僅提供簡體中文。
- 分組
- 节奏 · 章节第一页,告诉听众讲到哪了
- 元件
ChapterProgress·#chapter-progress
適合
- 分章的长演示,每章第一页
- 听众需要知道还剩多少
不適合
- 只有一章
- 想要配图标和大卡片的章节页:用 SectionBreak
內容上限
| 1 | chapters 3–6 个,每个 ≤ 8 字 |
| 2 | current 从 0 开始 |
| 3 | title ≤ 2 行 × 10 字 |
| 4 | lead ≤ 50 字 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
title · 必填 | string | string[] | 本章标题 |
lead | string | 导语 |
chapters · 必填 | string[] | 全部章节 |
current · 必填 | number | 当前章,从 0 开始 |
範例程式碼
<ChapterProgress
kicker="第二部分"
title="面板模板"
chapters={['风格引擎', '面板模板', '节奏页', '检查与放映']}
current={1}
/>