← 所有版型

章节进度 <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}
/>