大编号服务栏 <ServiceIndex />
3–4 列,每列压在一个超大的淡色编号上:标题加一段说明。右上角一个小立方体点缀。
Template and style descriptions are currently available in Chinese only.
- Group
- 操作 · 3–4 个步骤或服务
- Component
ServiceIndex·#service-index
Good for
- 3–4 个步骤、服务或方法
- 每项需要一两句说明
Avoid when
- 步骤之间有明确的先后箭头:用 StepTrack
- 超过 4 项
Content limits
| 1 | items 3–4 个:title ≤ 10 字,text ≤ 44 字 |
| 2 | title ≤ 1 行 × 14 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
items · required | { title, text }[] | 各列 |
shape | ShapeKind | 右上角几何体,默认立方体 |
Example
<ServiceIndex kicker="工作流" title="做好一页,按四步走" items={[{ title: '收集事实', text: '…' }, …]} />