← 全部模板

弧形深色卡 <ArcCards />

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

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

适合

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

不适合

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

内容上限

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

字段

字段	类型
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题；数组手动断行
`source`	`string`	事实出处
`cards` · 必填	`[{ icon, title, text } × 5]`	卡片

示例代码

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