0.1.8 • Published 2 years ago
vue-notice-roll v0.1.8
vue-notice-roll(基于Vue2的垂直滚动公告插件)
Install
# npm
npm i vue-notice-roll
# yarn
yarn add vue-notice-rollQuick 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 | 滚动列表 | |
| setting | 所有参数集合 | 如：{height: 40,jump: 1,autoplay:true,...}(Object) |
jump可不传,默认滚动父元素的高度，即父元素下展示了几条就滚动几条showNumber值设置为2即可见元素是2个,jump值设置1即逐条往上滚动