← 全部模板

胶囊目录章节页 <PillAgenda />

顶部一排胶囊列出全部章节,已讲的划线、当前的反白;左下一个取景框框住超大章节号,右边是章节标题和导语。

分组
节奏 · 每章开头
组件
PillAgenda · #pill-agenda

适合

  • 等宽黑风格的章节页
  • 让听众知道一共几章、讲到哪里

不适合

  • 少于 3 章
  • 其他风格:用 ChapterProgress 或 SectionBreak

内容上限

1chapters 3–6 个,各 ≤ 8 字
2title ≤ 2 行 × 10 字
3lead ≤ 60 字

字段

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

示例代码

<PillAgenda kicker="第一部分" chapters={['规模', '构成', '节奏', '取舍']} current={0} title={['先看规模']} lead="…" />