← 全部模板

讲稿高亮 <KaraokeLines />

3–6 行讲稿,未读的行是浅灰,每一步点亮下一行(强调色加下划线扫过),读过的行回到正文色;右栏放原文和出处。

在示例演示里查看 →

分组
引语 · 逐行读一段讲稿
组件
KaraokeLines · #karaoke-lines
交互
build 模式下每按一次 → 点亮下一行;完整状态最后一行为强调色

适合

  • 一段演讲、誓词、歌词式的句子
  • 想让观众跟着节奏一行行读

不适合

  • 只有一句话:用 Quote 或 Statement
  • 每行超过 14 字

内容上限

1lines 3–6 行,每行 ≤ 14 字
2aside ≤ 120 个拉丁字符或 ≤ 60 字
3by ≤ 24 字

字段

字段类型
kicker · 必填string小节名,2–8 字
lines · 必填string[]讲稿行
asidestring原文或注释
bystring说话人、场合
sourcestring事实出处

示例代码

<KaraokeLines kicker="我们选择登月" lines={['我们选择在这十年里登月,', …]} by="肯尼迪 · 1962" />