Lotus-carousel NPM

lotus-carousel

vue 滑动轮播、无缝轮播组件,支持PC/H5端

how to use

npm install lotus-carousel --save or yarn add lotus-carousel

插件的方式引入使用

1.main.js

    import lotusCarousel from 'lotus-carousel'
    import 'lotus-carousel/dist/lotus-carousel.min'
    Vue.use(lotusCarousel)

2.页面使用

    <lotus-carousel :imageList="imageList" :_isAuto="false" :_autoTime="2000" :_dotClickFlag="true"></lotus-carousel>

3.参数说明 (1)imageList:图片列表类型为数组;此参数必须 (2)参数定义:

    data () {
         return {
            imageList:[{pic:'https://img1.360buyimg.com/da/jfs/t18547/198/647803212/149303/924ff4da/5a9cf105N2f3a0824.jpg',url:'/index'},{pic:'https://img14.360buyimg.com/da/s750x366_jfs/t18937/201/636859513/203851/71ed12bb/5a9d419fNc65b2edd.jpg',url:'/index2'}]
         }
    }

(3)_isAuto，可选，不传也可以，默认是_isAuto=true开启自动轮播，_isAuto= false不开启自动轮播;，_autoTime，可选，不传默认轮播间隔3000，自定义则_autoTime=2000，_dotClickFlag，可选，不传默认不支持点击圆点轮播切换，自定义则_dotClickFlag=true，支持点击圆点轮播切换 4.演示 lotusCarousel