← 全部模板

嵌图长句 <PillSentence />

一整句超大左对齐文字,句中嵌 2–3 个带图标的彩色胶囊;底部两栏:左边一条小注,右边一段说明。

分组
观点 · 用一句大字讲清问题
组件
PillSentence · #pill-sentence

适合

  • 开场后的问题页、立场页
  • 一句话里有 2–3 个能用图标表示的关键词

不适合

  • 句子很短、要居中停顿:用 Statement
  • 有数据要比较:用图表模板

内容上限

1parts 文字合计 ≤ 44 字,图标胶囊 2–3 个,每个 1–2 个图标
2note.label ≤ 12 字,note.body ≤ 24 字
3aside ≤ 64 字

字段

字段类型
kicker · 必填string小节名,2–8 字
parts · 必填(string | { icons })[]句子片段与图标胶囊,按顺序排
note{ label, body }左下小注
asidestring右下说明
sourcestring事实出处

示例代码

<PillSentence kicker="问题" parts={['常见的结果是', { icons: ['text'] }, '字号乱跳、', …]} note={{ label: '为什么', body: '…' }} aside="…" />