#### 组件名称
gov-notice-bar

#### 解释：
跑马灯组件适用于信息引导

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|---|
|text |String |否||跑马灯文字，默认超出内容区域则开始滚动|
|textColor |String |否||文字颜色|
|scroll |Boolean |否|true|是否开启滚动|
|delay |Number |否|1|可配置进入页面多久开始滚动，单位：秒|
|speed |Number |否|50|速度：px/s; 默认50|
|bgColor |String |否|192px(设计稿宽度为1242)|背景颜色|
|icon |Boolean |否|true|图标名称|
|iconName |String |否|close|图标名称|
|close |EventHandler |否||关闭时触发事件|

#### 代码示例
swan:
```
<view>
    通知栏内容很少：
    <gov-notice-bar id="default"></gov-notice-bar>
    <br>
    通知栏内容很多：
    <gov-notice-bar id="text" text="跑马灯默认配置：初始1秒开始；速度50px/s；iconName：close"></gov-notice-bar>
    <br>
    没有关闭按钮：
    <gov-notice-bar id="no-close" text="跑马灯默认配置：初始1秒开始；速度50px/s；iconName：close" icon="{{false}}"></gov-notice-bar>
    <br>
    自定义颜色：
    <gov-notice-bar
        id="custom-color"
        text="跑马灯默认配置：初始1秒开始；速度50px/s；iconName：close"
        bg-color="#C40311"
        text-color="#ffffff"
        icon-color="{{['#fff']}}"
    ></gov-notice-bar>
    <br>
    自定义样式：
    <gov-notice-bar
        id="costom-style"
        class="gov-notice-bar"
        ext-cls="ext-cls"
        text-cls="text-cls"
        scroll="{{false}}"
        text="自定义多行样式自定义多行样式自定义多行样式自定义多行样式自定义多行样式自定义多行样式"
        icon-color="{{['#2b99ff']}}"
    ></gov-notice-bar>
</view>
```
js:
```

```
css:
```
.gov-notice-bar .ext-cls {
    background-color: #eee !important;
}

.gov-notice-bar .ext-cls .text-cls {
    color: #20e !important;
    white-space: normal;
    font-size: 21.739rpx;
    line-height: 1.37;
    flex: auto;
    word-break: break-all;
}
```