图标砖墙 <TileWall />
左边标题和导语,右边 3 列大图标方砖,背后露出一个大 3D 球体。适合列能力、集成、组成部分。
Template and style descriptions are currently available in Chinese only.
- Group
- 并列 · 6–9 个功能或零件
- Component
TileWall·#tile-wall
Good for
- 6 或 9 个并列的功能、集成、零件
- 每项一个词就能说清
Avoid when
- 每项需要一句解释:用 IconGrid
- 少于 6 项
Content limits
| 1 | tiles 6 或 9 个,label ≤ 6 字 |
| 2 | title ≤ 2 行 × 8 字 |
| 3 | lead ≤ 40 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
tiles · required | { icon, label, spot? }[] | 方砖 |
shape | 'sphere' | 'cube' | 'torus' | 'capsule' | 背后的几何体,默认球体 |
Example
<TileWall kicker="新零件" title={['九个零件,', '模板拿来就用']} tiles={[{ icon: 'planet', label: '球体' }, …]} />