### 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导致此组件的滚动功能将不会生效