docs(NoticeBar): add vertical scroll demo (#6455)

2020-06-03 21:05:15 +08:00
parent 118910c2c6
commit e74592f26a
4 changed files with 102 additions and 10 deletions
@@ -53,6 +53,30 @@ Vue.use(NoticeBar);
 </van-notice-bar>
 ```

+### Vertical Scroll
+
+```html
+<van-notice-bar left-icon="volume-o" :scrollable="false">
+  <van-swipe
+    vertical
+    class="notice-swipe"
+    :autoplay="3000"
+    :show-indicators="false"
+  >
+    <van-swipe-item>Content 1</van-swipe-item>
+    <van-swipe-item>Content 2</van-swipe-item>
+    <van-swipe-item>Content 3</van-swipe-item>
+  </van-swipe>
+</van-notice-bar>
+
+<style>
+  .notice-swipe {
+    height: 40px;
+    line-height: 40px;
+  }
+</style>
+```
+
 ## API

 ### Props