展示一组消息通知。
适用于当前页面内信息的通知,是一种较醒目的页面内通知方式。
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
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 |
属性 | 说明 | 默认值 |
---|---|---|
--background-color | 背景色 | var(--adm-color-weak) |
--border-color | 边框颜色 | var(--adm-color-weak) |
--font-size | 文字字号 | 15px |
--height | 整体高度 | 40px |
--icon-font-size | 左侧图标的字号 | 18px |
--text-color | 文字颜色 | #ffffff |