章节页 <SectionBreak />
大号章节名与一句导语,底部列出本章各页;右侧是双层托盘里的强调色大图标和衬线章节号。图标随鼠标轻微漂移。
Template and style descriptions are currently available in Chinese only.
- Group
- 分隔 · 每章第一页
- Component
SectionBreak·#section-break- Interaction
- 同心圆依次展开,章节号逐位升起;图标随鼠标漂移。
Good for
- 配合 Agenda,每章开头放一页
- 演讲需要停顿、换话题的地方
Avoid when
- 没有 Agenda 的短演示
- 连续两页都是章节页
- 一章只有一页内容:不必单独分隔
Content limits
| 1 | title 1–2 行,每行 ≤ 6 字(字号 128u) |
| 2 | lead ≤ 44 字 |
| 3 | contents 2–4 项,每项 ≤ 12 字,写本章各页的标题 |
| 4 | icon 选一个能代表整章的图标,自动用强调色 |
| 5 | 没有 source 字段 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 例如“第二章” |
index · required | number | 章节号,显示为 01、02… |
icon · required | IconName | 章节图标 |
title · required | string | string[] | 章节名 |
lead | string | 一句话说明本章讲什么 |
contents · required | string[] | 本章各页 |
Example
<SectionBreak
kicker="第二章"
index={2}
icon="routing"
title={['让 AI', '读得到你']}
lead="内容再好,爬虫进不来、读不到正文,也不会出现在回答里。"
contents={['六层访问检查', 'AI 爬虫一览', 'JavaScript 渲染', '结构化数据']}
/>