← 所有版型

色块作品卡 <WorkCards />

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

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

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

適合

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

不適合

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

內容上限

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

欄位

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

範例程式碼

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