← All templates

色块作品卡 <WorkCards />

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

Template and style descriptions are currently available in Chinese only.

Group
内容 · 3–4 个项目或方案
Component
WorkCards · #work-cards

Good for

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

Avoid when

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

Content limits

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

Fields

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

Example

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