- 分组
- 观点 · 用一句大字讲清问题
- 组件
PillSentence·#pill-sentence
适合
- 开场后的问题页、立场页
- 一句话里有 2–3 个能用图标表示的关键词
不适合
- 句子很短、要居中停顿:用 Statement
- 有数据要比较:用图表模板
内容上限
| 1 | parts 文字合计 ≤ 44 字,图标胶囊 2–3 个,每个 1–2 个图标 |
| 2 | note.label ≤ 12 字,note.body ≤ 24 字 |
| 3 | aside ≤ 64 字 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名,2–8 字 |
parts · 必填 | (string | { icons })[] | 句子片段与图标胶囊,按顺序排 |
note | { label, body } | 左下小注 |
aside | string | 右下说明 |
source | string | 事实出处 |
示例代码
<PillSentence kicker="问题" parts={['常见的结果是', { icons: ['text'] }, '字号乱跳、', …]} note={{ label: '为什么', body: '…' }} aside="…" />