### NoticeBar 通告栏 通告栏组件,组件名:``uni-notice-bar``,代码块: uNoticeBar。 **使用方式:** 在 ``script`` 中引用组件 ```javascript import uniNoticeBar from "@/components/uni-notice-bar/uni-notice-bar.vue" export default { components: {uniNoticeBar} } ``` 基本用法 ```html ``` 文字滚动 ```html ``` 显示图标 ```html ``` 显示关闭按钮 ```html ``` 查看更多 ```html ``` **属性说明:** |属性名|类型|默认值 |说明| |---|----|---|---| |text|String|-|显示文字| |more-text|String|-|“查看更多”的文本,如果设置文字,NoticeBar为单行| |speed|Number|100|文字滚动的速度,默认100px/秒| |background-color|String|#fffbe8|背景颜色| |color|String|#de8c17|文字颜色| |single|Boolean|false|是否单行| |scrollable|Boolean|false|是否滚动,为true时,NoticeBar为单行| |show-icon|Boolean|false|是否显示左侧喇叭图标| |show-close|Boolean|false|是否显示左侧关闭按钮| **事件说明:** |事件名称 |说明 | |--- |--- | |click |点击 NoticeBar 触发事件 | |close |关闭 NoticeBar 触发事件 | |getmore |点击”查看更多“时触发事件 | Tips * 组件实际运行效果参考:[https://github.com/dcloudio/uni-ui](https://github.com/dcloudio/uni-ui) * npm 使用方式参考:[https://ext.dcloud.net.cn/plugin?id=55](https://ext.dcloud.net.cn/plugin?id=55) * 由于H5端默认加了scope导致此组件的滚动功能将不会生效