# Notice Bar 公告栏

[toc]

**_请用一句话对组件进行描述_**

## 组件引入

在`app.json`或在`index.json`中引入：

```json

{
  "usingComponents": {
    "tea-notice-bar": "../dist/notice-bar/index"
  }
}

```

## 用法

```html
<tea-notice-bar></tea-notice-bar>
```

## Props

| 参数   | 类型       | 默认值      | 可选参数                |
| ---- | -------- | -------- | ------------------- |
| type | `String` | `normal` | `aberrant` `normal` |
| head | `String` | \`\`     | \`\`                |

## 外部样式类

| 类名          | 描述       |
| ----------- | -------- |
| `ext-class` | 组件根节点样式类 |

## CSS变量属性表

| 变量名                               | 默认值                             | 描述  |
| --------------------------------- | ------------------------------- | --- |
| notice-bar-color                  | @text-primary-color             | -   |
| notice-bar-normal-color           | @text-success-color             | -   |
| notice-bar-normal-head-bg-color   | @background-primary-color       | -   |
| notice-bar-normal-body-bg-color   | @background-primary-light-color | -   |
| notice-bar-aberrant-color         | @text-warning-color             | -   |
| notice-bar-aberrant-head-bg-color | @background-warning-color       | -   |
| notice-bar-aberrant-body-bg-color | @background-warning-light-color | -   |