漂浮几何封面 <FloatCover />

居中的超大标题，下面一张数字卡片，四个 CSS 画的 3D 球体、立方体、圆环、胶囊漂浮在周围，背后一条巨字跑马灯缓缓横移。几何风格的招牌封面。

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

在範例簡報中查看 →

分組: 开场 · 品牌或发布会第 1 页
元件: FloatCover · #float-cover

適合

发布会、品牌介绍的封面
有一个能代表这次主题的数字

不適合

正式汇报：用 Cover
没有合适的数字：用 HangingCover

內容上限

1	title ≤ 2 行 × 7 字
2	lead ≤ 40 字
3	card.value ≤ 8 字符，card.note ≤ 24 字
4	marquee ≤ 10 字符，只重复页面上已有的词

欄位

欄位	型別
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`marquee` · 必填	`string`	跑马灯里重复的词
`card` · 必填	`{ label, value, note }`	中间的数字卡片
`shapes`	`ShapeSpec[]`	覆盖默认的四个几何体位置

範例程式碼

<FloatCover
  kicker="第 3 期 · 2026 年 10 月"
  title={['给演示加点', '立体的玩具']}
  marquee="SLIDEHTML"
  card={{ label: 'TEMPLATES', value: '103', note: '模板总数' }}
/>