- 分組
- 列举 · 3–4 项逐张翻开
- 元件
PhotoStack·#photo-stack- 互動
- build:照片逐张落到最上面
適合
- 3–4 个并列的地点、案例、发现,每个有图和一句话
- 想制造“一张接一张”的节奏
不適合
- 需要同时比较所有图:用 PhotoMosaic
- 超过 4 项:拆页
內容上限
| 1 | title ≤ 2 行 × 8 字 |
| 2 | photos 3–4 张:title ≤ 10 字,body ≤ 32 字 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
title · 必填 | string | string[] | 标题 |
photos · 必填 | { image, title, body }[] | 照片和说明同一步出现 |
source | string | 事实出处 |
範例程式碼
<PhotoStack kicker="区域差异" title={['十年损失 14%,', '各地差得很远']} photos={[{ image: { src: a, alt: '…' }, title: '全球:-14%', body: '…' }, …]} />