- 分組
- 时间线 · 3–5 个节点配图
- 元件
FilmStrip·#film-strip- 互動
- build:每一格“显影”并显示说明
適合
- 按时间或步骤排列的 3–5 个节点,每个都有一张图
- 回顾、历史、演变
不適合
- 节点超过 5 个:用 Timeline
- 没有配图:用 Milestones
內容上限
| 1 | title ≤ 1 行 × 18 字 |
| 2 | lead ≤ 50 字 |
| 3 | frames 3–5 格:label ≤ 8 字,mark ≤ 6 个字符 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker / title / lead / source | SlideBase | 同通用字段 |
frames · 必填 | { image, label, mark? }[] | 底片格,图片和说明同一步出现 |
範例程式碼
<FilmStrip kicker="时间线" title="四次全球白化" frames={[{ image: { src: a, alt: '…' }, label: '约 21% 的礁区', mark: '1998' }, …]} />