弧形深色卡 <ArcCards />
居中的衬线标题,下面五张深色卡片沿一条浅弧排开,两端向内倾斜;每张卡片有一个装在橙色角框里的图标、标题和一句说明。设 build 后逐张出现。
Template and style descriptions are currently available in Chinese only.
- Group
- 并列 · 五个同等重要的机制或服务
- Component
ArcCards·#arc-cards
Good for
- 正好 5 个并列的机制、服务或功能
- 每项一句话说得清
Avoid when
- 3–4 项:用 NumberedColumns
- 6–8 项:用 IconGrid
- 各项有先后:用 StepTrack
Content limits
| 1 | cards 正好 5 张:title ≤ 8 字,text 16–34 字 |
| 2 | title ≤ 2 行 × 16 字 |
| 3 | 图标同页不重复 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
source | string | 事实出处 |
cards · required | [{ icon, title, text } × 5] | 卡片 |
Example
<ArcCards kicker="怎么做到" title="五条规则,管住每一页" cards={[{ icon: 'layers', title: '固定模板', text: '…' }, …]} />