diff --git a/package/component/src/component/noticeBar/index.vue b/package/component/src/component/noticeBar/index.vue
index 5c0f4256..f991adf8 100644
--- a/package/component/src/component/noticeBar/index.vue
+++ b/package/component/src/component/noticeBar/index.vue
@@ -19,7 +19,7 @@
           {{ text }}
         </div>
  				<div class="notice-bar-warp-slot " v-else> 
-					  <lay-carousel v-model="active4" :interval="2000" :autoplay="true" anim="updown"  indicator="none" arrow="none"  style="height:40px;">
+					  <lay-carousel v-model="active4" :interval="3000" :autoplay="true" anim="updown"  indicator="none" arrow="none"  style="height:40px;">
                        <lay-carousel-item :id="ind" v-for="(item,ind) in arrays">
                    <div>{{ item }}</div>
                   </lay-carousel-item>
diff --git a/package/document/src/document/zh-CN/components/noticeBar.md b/package/document/src/document/zh-CN/components/noticeBar.md
index 6766c99f..47de31dc 100644
--- a/package/document/src/document/zh-CN/components/noticeBar.md
+++ b/package/document/src/document/zh-CN/components/noticeBar.md
@@ -79,6 +79,36 @@ export default {
 
 :::
 
+:::  垂直滚动
+:::
+
+::: demo
+
+<template>
+    <lay-notice-bar  :scrollable="true" :textlist="list"></lay-notice-bar>
+</template>
+
+<script>
+import { ref,reactive } from "vue"
+
+export default {
+  setup() {
+
+    const list = reactive([
+      '通知一：users !',
+      '通知一：world !',
+      '通知一：friend !',
+      '通知一：ok!',  
+    ])
+
+    return {
+        list
+    }
+  }
+}
+</script>
+
+:::
 
 ::: title Notice Bar 属性
 :::
@@ -91,7 +121,8 @@ export default {
 | text | 内容 | 滚动内容 |
 | leftIcon | 左侧图标 | -- |
 | rightIcon | 右侧图标 | -- |
-
+| scrollable | 是否开启垂直滚动|true,false|
+|  textlist  | 垂直滚动内容| Array|
 :::