NoticeBar 通知栏

引入

在或index.json中引入组件，详细介绍见快速上手。

基础用法

  1. <van-notice-bar
  2.   left-icon="volume-o"
  3.   text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
  4. />

滚动播放

文字较长时，可以通过设置 wrapable 属性来开启多行展示。

  1. <van-notice-bar
  2.   scrollable="{{ false }}"
  4. />

通知栏模式

自定义样式

通过 color 属性设置文本颜色，通过 background 属性设置背景色。

  1. <van-notice-bar
  2.   color="#1989fa"
  3.   background="#ecf9ff"
  4.   left-icon="info-o"
  5.   text="技术是开发它的人的共同灵魂。"

自定义滚动速率

API

Events

Slot

外部样式类