← 所有版型

图标砖墙 <TileWall />

左边标题和导语,右边 3 列大图标方砖,背后露出一个大 3D 球体。适合列能力、集成、组成部分。

版型與風格的說明目前僅提供簡體中文。

在範例簡報中查看 →

分組
并列 · 6–9 个功能或零件
元件
TileWall · #tile-wall

適合

  • 6 或 9 个并列的功能、集成、零件
  • 每项一个词就能说清

不適合

  • 每项需要一句解释:用 IconGrid
  • 少于 6 项

內容上限

1tiles 6 或 9 个,label ≤ 6 字
2title ≤ 2 行 × 8 字
3lead ≤ 40 字

欄位

欄位型別
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
tiles · 必填{ icon, label, spot? }[]方砖
shape'sphere' | 'cube' | 'torus' | 'capsule'背后的几何体,默认球体

範例程式碼

<TileWall kicker="新零件" title={['九个零件,', '模板拿来就用']} tiles={[{ icon: 'planet', label: '球体' }, …]} />