Vue-carousel-list NPM

vue-carousel-list

List rotate one by one

轮播表，点击可以暂停获取行数据，速度可调节，有列宽等配置项。 Carousel list that can be stopped by click and rerun after a few seconds; Speed, each column width etd. can be set.

开始-Start

npm i vue-carousel-list

或 or

yarn add vue-carousel-list

暂时只能按需引入，不能全局引入 Now we can only import it on demand, global import dose not work

import CarouselList from 'vue-carousel-list'
......
components:{
            CarouselList
        },

使用-Usage

//列表的数据，数组格式
//data of the list
:data="data"
//轮播的配置，详见例子
//config of carouselList, see example for detail
:config='config'
//example:
              data:[
                  ['a','b','c'],
                  ['a1','b1','c1'],
                  ['a2','b2','c2'],
                  ['a3','b3','c3']
              ],
              config:{
                  speed:1,//速度调节，越大越快--Number
                  clickStop:true//点击是否暂停--Boolean
                  clickStopTime:'4000',//点击暂停毫秒数--String
                  columnWidth:["10vw","50px","80px"],//各个列宽,要使用什么单位都行--Array
                  textAlign:["center","left","left"],//各列文字对齐方式--Array
speed:2,
                  hoverStop:true,//鼠标进入是否暂停
              },
//点击获取该行数据事件。接收的第一个参数就是点击行数据
@clickcurrent=''