← 全部模板

色块作品卡 <WorkCards />

每张卡一大块颜色，标题在上，中间一个大图标（或真实截图、decor- 装饰插图），左下一个描边胶囊标签。

分组: 内容 · 3–4 个项目或方案
组件: WorkCards · #work-cards

适合

作品集、方案、产品线并列展示
每项一句话就够

不适合

需要说明文字：用 IconGrid
要对比优劣：用 VerdictColumns

内容上限

1	cards 3–4 张：title ≤ 12 字，tag ≤ 8 字
2	src 必须是真实截图或 decor- 装饰插图

字段

字段	类型
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`cards` · 必填	`{ title, tag, spot?, icon?, src?, alt? }[]`	卡片

示例代码

<WorkCards
  kicker="风格"
  title="两期新增的四种风格"
  cards={[{ title: '静谧', tag: 'calm', icon: 'widget', spot: 1 }, …]}
/>