← All templates

请求路径 <RequestJourney />

3–6 站横向排在一条发光线路上,每站一个图标、名称和说明;逐条展开时一个发光“数据包”沿线跳到下一站。

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group
机制 · 一次请求经过哪里
Component
RequestJourney · #request-journey
Interaction
每按一次 → 数据包前进一站,线路随之点亮

Good for

  • 请求、数据或订单依次经过几层
  • 讲解系统的处理顺序

Avoid when

  • 有分支或回路:用 FlowDiagram
  • 超过 6 站:拆页或用 StepTrack

Content limits

1hops 3–6 站:name ≤ 6 字,note ≤ 30 字,tag ≤ 10 个字符
2图标只用 icon-set 里的名称,同一页不要重复

Fields

FieldType
kicker · requiredstring标题上方的小节名,2–8 字
title · requiredstring | string[]页面标题;传数组可手动断行,每项一行
leadstring一到两句导语,≤ 60 字
sourcestring事实出处;页面上有任何数据或事实时必填
hintReactNode页眉中间的操作提示,可用 <kbd>
hops · required{ icon, name, note, tag? }[]各站,每站一步

Example

<RequestJourney kicker="怎么工作" title="一个请求经过哪几站" hops={[{ icon: 'routing', tag: 'DNS', name: 'DNS 解析', note: '…' }, …]} />