vue-notice-roll(基于Vue2的垂直滚动公告插件)

Install

# npm
npm i vue-notice-roll
# yarn
yarn add vue-notice-roll

Quick Start

import notice from 'vue-notice-roll'
Vue.use(notice)

//or
import {Notice} from 'vue-notice-roll'
Vue.component(Notice.name, Notice);

//component
<IMNotice></IMNotice>

参数说明

| 参数 | 说明 | 默认值(类型) | | :----:| :----: | :----: | | jump | 一次滚动子元素个数 | 1(Number) | | showNumber | 可见的元素个数 | 1(Number) | | autoplay | 是否自动切换 | false(Boolean) | | duration | 自动切换的时间间隔，单位为毫秒 | 3000(Number) | | list | 滚动列表 | [] (Array) | | setting | 所有参数集合 | 如：{height: 40,jump: 1,autoplay:true,...}(Object) |

jump可不传,默认滚动父元素的高度，即父元素下展示了几条就滚动几条 showNumber值设置为2即可见元素是2个,jump值设置1即逐条往上滚动