Skip to content

Latest commit

 

History

History
39 lines (29 loc) · 1.57 KB

File metadata and controls

39 lines (29 loc) · 1.57 KB

NoticeBar 通告栏

展示一组消息通知。

何时使用

适用于当前页面内信息的通知,是一种较醒目的页面内通知方式。

示例

NoticeBar

属性

属性 说明 类型 默认值
closeable 是否可关闭 boolean false
color 通告栏的类型 'default' | 'alert' | 'error' | 'info' 'default'
content 公告内容 React.ReactNode -
delay 开始滚动的延迟,单位 ms number 2000
extra 额外操作区域,显示在关闭按钮左侧 React.ReactNode -
icon 左侧广播图标 React.ReactNode <SoundOutline />
onClose 关闭时的回调 (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void -
onClick 点击事件 (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void -
speed 滚动速度,单位 px/s number 50
wrap 是否多行展示 boolean false

CSS 变量

属性 说明 默认值
--background-color 背景色 var(--adm-color-weak)
--border-color 边框颜色 var(--adm-color-weak)
--font-size 文字字号 15px
--height 整体高度 40px
--icon-font-size 左侧图标的字号 18px
--text-color 文字颜色 #ffffff