vant van-notice-bar 垂直滚动实现多行滚动

vant van-notice-bar组件默认只能实现单行文本的水平滚动，如果要实现多行文本的垂直滚动，可以进行如下操作：

1. 在van-notice-bar组件的外层包裹一个div，并设置该div的高度和样式。

2. 将van-notice-bar组件的样式改为position: absolute，并设置top:0;bottom:0;left:0;right:0;实现宽高自适应。

3. 在van-notice-bar组件内部添加一个div，并设置该div的样式为white-space: normal;实现多行文本的换行。

4. 设置该div的高度大于van-notice-bar组件的高度，并将该div设置为position: relative;实现内部文本的垂直滚动。

5. 最后可以使用CSS3的动画效果，设置动画时间和滚动距离，实现文本的滚动效果。

代码示例：

<div class="notice-wrapper">
  <van-notice-bar class="notice-bar">
    <div class="notice-text">这是一段需要滚动的多行文本，这是一段需要滚动的多行文本，这是一段需要滚动的多行文本，这是一段需要滚动的多行文本，这是一段需要滚动的多行文本，这是一段需要滚动的多行文本。</div>
  </van-notice-bar>
</div>

.notice-wrapper {
  height: 80px;
  overflow: hidden;
}

.notice-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.notice-text {
  height: 160px;
  position: relative;
  animation: notice-text-scroll 10s linear infinite;
  white-space: normal;
}

@keyframes notice-text-scroll {
  0% {
    top: 0;
  }
  100% {
    top: -80px;
  }
}