- 分組
- 开场 · 第 1 页
- 元件
GlobeCover·#globe-cover
適合
- 主题和全球网络、跨国业务、地理分布有关
- 深色风格(mono-studio 等)的开场
不適合
- 弧线想表达真实流量或路线:用 ArcGlobe 并写出处
- 主题与地理无关:用 Cover
內容上限
| 1 | title ≤ 2 行 × 10 字 |
| 2 | lead ≤ 50 字 |
| 3 | facts 0–3 项:value ≤ 8 个字符,label ≤ 10 字 |
| 4 | arcs 0–8 条,两端都要在 center 朝向的半球 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 标题上方小字 |
title · 必填 | string | string[] | 标题 |
lead | string | 导语 |
facts | { value, label }[] | 底部事实 |
center · 必填 | [lon, lat] | 地球朝向 |
arcs | { from: [lon, lat], to: [lon, lat] }[] | 装饰弧线 |
source | string | 事实出处 |
範例程式碼
<GlobeCover kicker="公司介绍" title={['Cloudflare', '是做什么的']} center={[10, 25]} arcs={[{ from: [-74, 40.7], to: [-0.1, 51.5] }]} facts={[{ value: '348', label: '个城市' }]} />