← All templates

大编号服务栏 <ServiceIndex />

3–4 列,每列压在一个超大的淡色编号上:标题加一段说明。右上角一个小立方体点缀。

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group
操作 · 3–4 个步骤或服务
Component
ServiceIndex · #service-index

Good for

  • 3–4 个步骤、服务或方法
  • 每项需要一两句说明

Avoid when

  • 步骤之间有明确的先后箭头:用 StepTrack
  • 超过 4 项

Content limits

1items 3–4 个:title ≤ 10 字,text ≤ 44 字
2title ≤ 1 行 × 14 字

Fields

FieldType
kicker · requiredstring小节名,2–8 字
title · requiredstring | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
items · required{ title, text }[]各列
shapeShapeKind右上角几何体,默认立方体

Example

<ServiceIndex kicker="工作流" title="做好一页,按四步走" items={[{ title: '收集事实', text: '…' }, …]} />