blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity
vant/docs/examples-docs/en-US/notice-bar.md
neverland 14de879a3b [Doc] add some english documents (#220) 
* [bugfix] Checkbox border render error in weixin browser

* [bugfix] TreeSelect dependency path error

* [bugfix] Swipe should clear autoplay timer when destroyed
2017-10-18 07:14:25 -05:00

1.4 KiB
Raw Blame History

NoticeBar

Install

import { NoticeBar } from 'vant';

Vue.component(NoticeBar.name, NoticeBar);

Usage

Basic Usage

:::demo Basic Usage

<van-notice-bar text="Only those who have the patience to do simple things perfectly ever acquire the skill to do difficult things easily." />

:::

Disable scroll

:::demo Disable scroll

<van-notice-bar :scrollable="false">
  Only those who have the patience to do simple things perfectly ever acquire the skill to do difficult things easily.
</van-notice-bar>

:::

Mode

:::demo Mode

<van-notice-bar mode="closeable">
  Only those who have the patience to do simple things perfectly ever acquire the skill to do difficult things easily.
</van-notice-bar>

<van-notice-bar mode="link">
  Only those who have the patience to do simple things perfectly ever acquire the skill to do difficult things easily.
</van-notice-bar>

:::

API

Attribute Description Type Default Accepted Values
mode Mode String '' closeable link
delay Animation delay (s) Number 1 -
speed Scroll speed (px) Number 40 -
scrollable Whether to scroll content Boolean true -

Event

Event Description Attribute
click Triggered when click notice bar -