- 分组
- 开场 · 产品或功能第 1 页
- 组件
FloatHero·#float-hero
适合
- AI、语音、工具类产品的开场
- 有 4–6 个能用一个词说清的功能
不适合
- 正式汇报：用 Cover
- 功能需要解释：用 IconGrid
内容上限
| 1 | title ≤ 2 行 × 12 字，lead ≤ 48 字 |
| 2 | chips 4–6 个，label ≤ 10 字符 |
| 3 | card.label ≤ 12 字符，card.text ≤ 22 字 |
字段
| 字段 | 类型 | |
|---|---|---|
chips · 必填 | { icon, label }[] | 漂浮标签 |
card · 必填 | { label, text } | 声波小卡片 |
示例代码
<FloatHero kicker="第 4 期 · 浮窗风格" title={['讲的时候，', '只管往下讲']} lead="…" chips={[{ icon: 'monitor', label: '全屏 F' }, …]} card={{ label: 'AUTOPLAY', text: '每 8 秒前进一步' }} />