← 所有版型

新闻滚动条 <NewsTicker />

头版式大标题、日期线和导语，底部一条新闻滚动条从右侧驶入后停住（不循环），显示 2–4 条快讯。

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

在範例簡報中查看 →

分組: 事件 · 头版大标题
元件: NewsTicker · #news-ticker
互動: 滚动条是一个 build 步骤，驶入后停住

適合

宣布一个事件或结果
一个主消息加几条次要消息

不適合

快讯需要出处各不相同且要细读：用列表
没有一个主标题

內容上限

1	dateline ≤ 16 个字符
2	headline ≤ 2 行 × 14 字；dek ≤ 56 字
3	label ≤ 4 字；items 2–4 条，每条 ≤ 18 字，合计 ≤ 50 字

欄位

欄位	型別
`kicker` · 必填	`string`	小节名，2–8 字
`dateline`	`string`	日期线
`headline` · 必填	`string \| string[]`	大标题
`dek`	`string`	导语
`label` · 必填	`string`	滚动条标签
`items` · 必填	`string[]`	快讯
`source`	`string`	事实出处

範例程式碼

<NewsTicker kicker="返回" dateline="1969-07-24" headline={['哥伦布号溅落，', '三人平安返回']} label="快讯" items={['…', '…']} />