@@ -23,25 +23,26 @@ Vue.component(NoticeBar.name, NoticeBar)
2323| Props | Description | Type | Default | Note|
2424| ----| -----| ------| ------| ------|
2525| mode| notice bar mode| String| -| ` closable/link ` , priority is less than slot|
26- | type| theme| String| ` default ` | ` default/warning ` |
26+ | type| theme| String| ` default ` | ` default/activity/ warning ` |
2727| time| display time| Number| ` 0 ` | unit is ` ms ` , which does not disappear automatically and can be set to ` 0 ` |
28- | isCircle | notice bar is oval display or not | Boolean| ` false ` | -|
29- | multiRows | Content exceeds line break display| Boolean| ` false ` | Priority is heigher than scrollable|
30- | scrollable| Show scrolling animation when content is exceeded| Boolean| `false``| Priority is less than multiRows|
31- | icon| notice bar icon| String| -| ** recommended use slot ** ,will be deleted in the future |
28+ | is-circle | fillet radius | Boolean| ` false ` | -|
29+ | multi-rows | content exceeds line break display| Boolean| ` false ` | Priority is heigher than scrollable|
30+ | scrollable| show scrolling animation when content is exceeded| Boolean| `false``| Priority is less than multiRows|
31+ | icon| notice bar icon| String| -| - |
3232| icon-svg| use svg icon| Boolean| ` false ` | -|
33- | closable| whether the notice bar is closable or not| Boolean| ` false ` | ** recommended use mode or slot** ,will be deleted in the future|
3433
3534#### InputItem Slots
3635
36+ #### default
37+ Default slot of content
38+
3739#### left
38- Left slot, generally is used to place icons, etc.
40+ Left slot, generally is used to place icons, etc
3941
4042#### right
41- Right slot, generally is used to place icons, etc.
43+ Right slot, generally is used to place icons, etc
4244
4345#### NoticeBar Events
4446
45- ##### @click ()
46- When you click the icon on the right will trigger event.
47- When the ` mode ` is ` closable ` or the ` closable ` is true, the event will be close at the same time
47+ ##### @close ()
48+ Notice bar close event (set ` mode ` to 'closable' or ` closable ` to true)
0 commit comments