← 全部模板

章节进度 <ChapterProgress />

上半是章节标题和一个大号“02 / 04”,下半是一条进度线:讲完的章节打勾,当前章点亮,后面的章节变淡。

分组
节奏 · 章节第一页,告诉听众讲到哪了
组件
ChapterProgress · #chapter-progress

适合

  • 分章的长演示,每章第一页
  • 听众需要知道还剩多少

不适合

  • 只有一章
  • 想要配图标和大卡片的章节页:用 SectionBreak

内容上限

1chapters 3–6 个,每个 ≤ 8 字
2current 从 0 开始
3title ≤ 2 行 × 10 字
4lead ≤ 50 字

字段

字段类型
kicker · 必填string小节名
title · 必填string | string[]本章标题
leadstring导语
chapters · 必填string[]全部章节
current · 必填number当前章,从 0 开始

示例代码

<ChapterProgress
  kicker="第二部分"
  title="面板模板"
  chapters={['风格引擎', '面板模板', '节奏页', '检查与放映']}
  current={1}
/>