轮换词 <RotatingWord />
大标题里留一个词位,每一步换进下一个词,下方对应卡片同时点亮;卡片可带一个数字和一行说明。
Template and style descriptions are currently available in Chinese only.
- Group
- 观点 · 一句话里换 2–4 个词
- Component
RotatingWord·#rotating-word- Interaction
- build 模式下每按一次 → 换下一个词并点亮卡片;完整状态显示最后一个词
Good for
- “靠的是 X / Y / Z”这类并列答案
- 同一句式要依次套 2–4 个对象
Avoid when
- 词之间没有共同句式:用 IconGrid 或卡片
- 要比较数值:用图表
Content limits
| 1 | before ≤ 8 字,after ≤ 6 字 |
| 2 | words 2–4 个:word ≤ 4 字,value ≤ 8 个字符,note ≤ 30 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
before · required | string | 词位前的文字 |
words · required | { word, note, value? }[] | 轮换的词和卡片 |
after | string | 词位后的文字 |
source | string | 事实出处 |
Example
<RotatingWord kicker="三样东西" before="登月靠的是" words={[{ word: '火箭', value: '110.6 m', note: '…' }, …]} />