- 分組
- 分隔 · 每章第一页
- 元件
SectionBreak·#section-break- 互動
- 同心圆依次展开,章节号逐位升起;图标随鼠标漂移。
適合
- 配合 Agenda,每章开头放一页
- 演讲需要停顿、换话题的地方
不適合
- 没有 Agenda 的短演示
- 连续两页都是章节页
- 一章只有一页内容:不必单独分隔
內容上限
| 1 | title 1–2 行,每行 ≤ 6 字(字号 128u) |
| 2 | lead ≤ 44 字 |
| 3 | contents 2–4 项,每项 ≤ 12 字,写本章各页的标题 |
| 4 | icon 选一个能代表整章的图标,自动用强调色 |
| 5 | 没有 source 字段 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 例如“第二章” |
index · 必填 | number | 章节号,显示为 01、02… |
icon · 必填 | IconName | 章节图标 |
title · 必填 | string | string[] | 章节名 |
lead | string | 一句话说明本章讲什么 |
contents · 必填 | string[] | 本章各页 |
範例程式碼
<SectionBreak
kicker="第二章"
index={2}
icon="routing"
title={['让 AI', '读得到你']}
lead="内容再好,爬虫进不来、读不到正文,也不会出现在回答里。"
contents={['六层访问检查', 'AI 爬虫一览', 'JavaScript 渲染', '结构化数据']}
/>