[Doc] NoticeBar: update demo

packages/notice-bar/zh-CN.md

@@ -1,4 +1,4 @@
-## NoticeBar 通告栏
+## NoticeBar 通知栏
 
 ### 使用指南
 ``` javascript
@@ -13,44 +13,56 @@ Vue.use(NoticeBar);
 
 ```html
 <van-notice-bar
-  text="足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。"
+  text="通知内容"
   left-icon="volume-o"
 />
 ```
 
-#### 通告栏模式
-
-默认模式为空，支持`closeable`和`link`。
-
-```html
-<!-- closeable 模式，在右侧显示关闭按钮 -->
-<van-notice-bar mode="closeable">
-  足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。
-</van-notice-bar>
-
-<!-- link 模式，在右侧显示链接箭头 -->
-<van-notice-bar mode="link">
-  足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。
-</van-notice-bar>
-```
-
 #### 禁用滚动
 
 文字内容多于一行时，可通过`scrollable`参数控制是否开启滚动
 
 ```html
 <van-notice-bar :scrollable="false">
-  足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。
+  通知内容
 </van-notice-bar>
 ```
 
-#### 文本换行
+#### 多行展示
 
-禁用滚动时，可以设置`wrapable`来开启文本换行
+禁用滚动时，可以设置`wrapable`来开启多行展示
 
 ```html
 <van-notice-bar wrapable :scrollable="false">
-  足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。
+  通知内容
+</van-notice-bar>
+```
+
+#### 通知栏模式
+
+默认模式为空，支持`closeable`和`link`两种模式
+
+```html
+<!-- closeable 模式，在右侧显示关闭按钮 -->
+<van-notice-bar mode="closeable">
+  通知内容
+</van-notice-bar>
+
+<!-- link 模式，在右侧显示链接箭头 -->
+<van-notice-bar mode="link">
+  通知内容
+</van-notice-bar>
+```
+
+### 自定义样式
+
+```html
+<van-notice-bar
+  color="#1989fa"
+  background="#ecf9ff"
+  left-icon="info-o"
+>
+  通知内容
 </van-notice-bar>
 ```
 
@@ -58,8 +70,8 @@ Vue.use(NoticeBar);
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
 |------|------|------|------|------|
-| mode | 通告栏模式，可选值为 `closeable` `link` | `String` | `''` | - |
-| text | 通告文本内容 | `String` | `''` | - |
+| mode | 通知栏模式，可选值为 `closeable` `link` | `String` | `''` | - |
+| text | 通知文本内容 | `String` | `''` | - |
 | delay | 动画延迟时间 (s) | `Number` | `1` | - |
 | speed | 滚动速率 (px/s) | `Number` | `50` | - |
 | scrollable | 是否在长度溢出时滚动播放 | `Boolean` | `true` | - |
@@ -72,13 +84,13 @@ Vue.use(NoticeBar);
 
 | 事件名 | 说明 | 回调参数 |
 |------|------|------|
-| click | 点击时触发 | - |
-| close | 关闭时触发 | - |
+| click | 点击通知栏时触发 | - |
+| close | 关闭通知栏时触发 | - |
 
 ### Slots
 
 | 名称 | 内容 |
 |------|------|
-| - | 通告文本内容 |
+| default | 通知文本内容 |
 | left-icon | 自定义左侧图标 |
 | right-icon | 自定义右侧图标 |