跳到主要内容

NoticeBar 通知栏

介绍

通知栏

用法

基础

<OsNoticeBar leftIcon='inform'>
你可能已经注意到了,我们使用let关键字来代替var
</OsNoticeBar>

<OsNoticeBar leftIcon='inform' scrollable>
你可能已经注意到了,我们使用let关键字来代替var
</OsNoticeBar>

通告栏模式

// 关闭
<OsNoticeBar
closeable
onClick={() => setShow(false)}
>
你可能已经注意到了,我们使用let关键字来代替var
</OsNoticeBar>

// 跳转
<OsNoticeBar more onClick={() => console.log("跳转")}>
你可能已经注意到了,我们使用let关键字来代替var
</OsNoticeBar>

API

属性

参数说明类型默认值
closeable是否显示关闭按钮,可选booleanfalse
scrollable文字是否可滚动,可选booleanfalse
speed文字滚动速度,单位秒,可选number16,单位px/s
leftIcon左侧Icon,可选OsIcon-
more是否显示更多按钮,可选booleanfalse
color文字颜色,可选string#f48f18
bgColor背景颜色,可选string#fff8d8

方法

函数名说明参数
onClick点击时触发,可选event对象
onClose点击关闭按钮时触发,可选event对象