← All templates

新闻滚动条 <NewsTicker />

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

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group
事件 · 头版大标题
Component
NewsTicker · #news-ticker
Interaction
滚动条是一个 build 步骤,驶入后停住

Good for

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

Avoid when

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

Content limits

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

Fields

FieldType
kicker · requiredstring小节名,2–8 字
datelinestring日期线
headline · requiredstring | string[]大标题
dekstring导语
label · requiredstring滚动条标签
items · requiredstring[]快讯
sourcestring事实出处

Example

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