照片拼格 <PhotoMosaic />
标题下方一组不对称的图片网格,第一张占大格,其余错落排开,每张可带一个胶囊图注,逐张出现。
Template and style descriptions are currently available in Chinese only.
- Group
- 展示 · 3–5 张图一起看
- Component
PhotoMosaic·#photo-mosaic- Interaction
- build:图片逐张出现
Good for
- 展示一组同主题的场景、物种、作品
- 用图片给一个数字做气氛铺垫
Avoid when
- 每张图都要配说明文字:用 PolaroidWall 或 PhotoStack
- 图片是界面截图:用 WindowStack
Content limits
| 1 | title ≤ 1 行 × 18 字或 2 行 × 10 字 |
| 2 | lead ≤ 50 字 |
| 3 | tiles 3–5 张,caption ≤ 12 字 |
| 4 | 第一张放最重要的图,它最大 |
Fields
| Field | Type | |
|---|---|---|
kicker / title / lead / source | SlideBase | 同通用字段 |
tiles · required | { image, caption? }[] | 3–5 张图,每张一个 build 步骤 |
Example
<PhotoMosaic kicker="生物多样性" title="不到 1% 的海底,约 25% 的物种" tiles={[{ image: { src: fish, alt: '…' }, caption: '鱼群' }, …]} />