发光叠卡 <GlowStack />
前面一张清晰的卡片列出当前的要点,后面一张略模糊的卡片是下一个,底下透出一团彩色光晕。
Template and style descriptions are currently available in Chinese only.
- Group
- 预告 · 这一个,然后下一个
- Component
GlowStack·#glow-stack
Good for
- 讲本期 / 下期、当前版本 / 下个版本
- 当前这项有 2–4 个要点
Avoid when
- 两项同样重要:用 DuoCards
- 超过两项:用 Roadmap
Content limits
| 1 | front.title ≤ 14 字,items 2–4 条各 ≤ 20 字 |
| 2 | back.title ≤ 14 字 |
| 3 | title ≤ 2 行 × 8 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
front · required | { label, title, items } | 前面的卡片 |
back · required | { label, title } | 后面模糊的卡片 |
spot | Spot | 光晕颜色,默认 4 |
Example
<GlowStack kicker="路线" title="…" front={{ label: 'PHASE 3', title: '几何与桌面', items: ['…'] }} back={{ label: 'PHASE 4', title: '…' }} />