← 所有版型

弧形深色卡 <ArcCards />

居中的衬线标题,下面五张深色卡片沿一条浅弧排开,两端向内倾斜;每张卡片有一个装在橙色角框里的图标、标题和一句说明。设 build 后逐张出现。

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

分組
并列 · 五个同等重要的机制或服务
元件
ArcCards · #arc-cards

適合

  • 正好 5 个并列的机制、服务或功能
  • 每项一句话说得清

不適合

  • 3–4 项:用 NumberedColumns
  • 6–8 项:用 IconGrid
  • 各项有先后:用 StepTrack

內容上限

1cards 正好 5 张:title ≤ 8 字,text 16–34 字
2title ≤ 2 行 × 16 字
3图标同页不重复

欄位

欄位型別
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
sourcestring事实出处
cards · 必填[{ icon, title, text } × 5]卡片

範例程式碼

<ArcCards kicker="怎么做到" title="五条规则,管住每一页" cards={[{ icon: 'layers', title: '固定模板', text: '…' }, …]} />