← 所有版型

地球封面 <GlobeCover />

左侧标题、导语和至多 3 个事实,右侧一个离线点阵地球(正射投影),几条发光弧线沿大圆缓慢流动。地球只做装饰。

版型與風格的說明目前僅提供簡體中文。

在範例簡報中查看 →

分組
开场 · 第 1 页
元件
GlobeCover · #globe-cover

適合

  • 主题和全球网络、跨国业务、地理分布有关
  • 深色风格(mono-studio 等)的开场

不適合

  • 弧线想表达真实流量或路线:用 ArcGlobe 并写出处
  • 主题与地理无关:用 Cover

內容上限

1title ≤ 2 行 × 10 字
2lead ≤ 50 字
3facts 0–3 项:value ≤ 8 个字符,label ≤ 10 字
4arcs 0–8 条,两端都要在 center 朝向的半球

欄位

欄位型別
kicker · 必填string标题上方小字
title · 必填string | string[]标题
leadstring导语
facts{ value, label }[]底部事实
center · 必填[lon, lat]地球朝向
arcs{ from: [lon, lat], to: [lon, lat] }[]装饰弧线
sourcestring事实出处

範例程式碼

<GlobeCover kicker="公司介绍" title={['Cloudflare', '是做什么的']} center={[10, 25]} arcs={[{ from: [-74, 40.7], to: [-0.1, 51.5] }]} facts={[{ value: '348', label: '个城市' }]} />