| title | NoticeBar 通告栏 |
|---|---|
| preview | https://didi.github.io/mand-mobile/examples/#/notice-bar |
通常用于系统提醒、活动提醒等通知
import { NoticeBar } from 'mand-mobile'
Vue.component(NoticeBar.name, NoticeBar)| 属性 | 说明 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|
| mode | 右边提示类型 | String | - | closable, link |
| type | 主题样式 | String | default |
default, activity, warning |
| time | 显示时长 | Number | 0 |
单位为ms，不需要自动消失可将其置为0 |
| round | 圆角展示 | Boolean | false |
- |
| multi-rows | 内容超出多行展示 | Boolean | false |
优先级高于scrollable |
| scrollable | 内容超出滚动展示 | Boolean | false |
优先级低于multiRows |
| icon | 左侧图标 | String | - | - |
| icon-svg | 使用svg图标 | Boolean | false |
- |
默认内容插槽
左侧插槽，一般用于放置图标等
右侧插槽，一般用于放置图标等
通告栏关闭事件（设置mode为closable）