胶片条 <FilmStrip />
一条黑色底片横贯页面,上下有齿孔,每格一张图并在角上印年份;格子下方是编号说明。未出现的格子像未显影的底片。
Template and style descriptions are currently available in Chinese only.
- Group
- 时间线 · 3–5 个节点配图
- Component
FilmStrip·#film-strip- Interaction
- build:每一格“显影”并显示说明
Good for
- 按时间或步骤排列的 3–5 个节点,每个都有一张图
- 回顾、历史、演变
Avoid when
- 节点超过 5 个:用 Timeline
- 没有配图:用 Milestones
Content limits
| 1 | title ≤ 1 行 × 18 字 |
| 2 | lead ≤ 50 字 |
| 3 | frames 3–5 格:label ≤ 8 字,mark ≤ 6 个字符 |
Fields
| Field | Type | |
|---|---|---|
kicker / title / lead / source | SlideBase | 同通用字段 |
frames · required | { image, label, mark? }[] | 底片格,图片和说明同一步出现 |
Example
<FilmStrip kicker="时间线" title="四次全球白化" frames={[{ image: { src: a, alt: '…' }, label: '约 21% 的礁区', mark: '1998' }, …]} />