← 所有版型

讲稿卡片 <TranscriptCard />

左边标题,右边一张带声波的讲稿卡,3–4 行发言,其中一行高亮,卡片边上漂着 2–3 个小标签。

版型與風格的說明目前僅提供簡體中文。

分組
引述 · 一段对话或讲解
元件
TranscriptCard · #transcript-card

適合

  • 引用一段录音、访谈或讲解
  • 想让听众注意其中一句

不適合

  • 只有一句引语:用 QuoteHero
  • 讲稿是编的又没标示意

內容上限

1lines 3–4 行:who ≤ 6 字,time ≤ 6 字符,text ≤ 34 字
2file ≤ 16 字符,meta ≤ 8 字符
3tags 2–3 个,label ≤ 8 字
4不是真实录音时 source 写“示意”

欄位

欄位型別
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
file · 必填string卡片标题
meta · 必填string时长
lines · 必填{ who, time, text }[]讲稿行
focusnumber高亮的行,默认 0
tags · 必填{ icon, label }[]漂浮标签

範例程式碼

<TranscriptCard kicker="逐条展开" title={['讲到哪一条,', '就亮到哪一条']} file="讲稿 · 第 5 页" meta="00:24" focus={1} lines={[{ who: '讲者', time: '00:00', text: '…' }, …]} tags={[{ icon: 'keyboard', label: '→ / Space' }]} source="讲稿为示意" />