新闻滚动条 <NewsTicker />
头版式大标题、日期线和导语,底部一条新闻滚动条从右侧驶入后停住(不循环),显示 2–4 条快讯。
Template and style descriptions are currently available in Chinese only.
- Group
- 事件 · 头版大标题
- Component
NewsTicker·#news-ticker- Interaction
- 滚动条是一个 build 步骤,驶入后停住
Good for
- 宣布一个事件或结果
- 一个主消息加几条次要消息
Avoid when
- 快讯需要出处各不相同且要细读:用列表
- 没有一个主标题
Content limits
| 1 | dateline ≤ 16 个字符 |
| 2 | headline ≤ 2 行 × 14 字;dek ≤ 56 字 |
| 3 | label ≤ 4 字;items 2–4 条,每条 ≤ 18 字,合计 ≤ 50 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
dateline | string | 日期线 |
headline · required | string | string[] | 大标题 |
dek | string | 导语 |
label · required | string | 滚动条标签 |
items · required | string[] | 快讯 |
source | string | 事实出处 |
Example
<NewsTicker kicker="返回" dateline="1969-07-24" headline={['哥伦布号溅落,', '三人平安返回']} label="快讯" items={['…', '…']} />