- 分組
- 展示 · 3–5 张图一起看
- 元件
PhotoMosaic·#photo-mosaic- 互動
- build：图片逐张出现
適合
- 展示一组同主题的场景、物种、作品
- 用图片给一个数字做气氛铺垫
不適合
- 每张图都要配说明文字：用 PolaroidWall 或 PhotoStack
- 图片是界面截图：用 WindowStack
內容上限
| 1 | title ≤ 1 行 × 18 字或 2 行 × 10 字 |
| 2 | lead ≤ 50 字 |
| 3 | tiles 3–5 张，caption ≤ 12 字 |
| 4 | 第一张放最重要的图，它最大 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker / title / lead / source | SlideBase | 同通用字段 |
tiles · 必填 | { image, caption? }[] | 3–5 张图，每张一个 build 步骤 |
範例程式碼
<PhotoMosaic kicker="生物多样性" title="不到 1% 的海底，约 25% 的物种" tiles={[{ image: { src: fish, alt: '…' }, caption: '鱼群' }, …]} />