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.演示
