jing-vue-swiper

一个基于Vue的轮播图组件。应用于鲸准·洞见的门户

Usage

  npm install --save jing-vue-swiper

  import { swiper, slide} from 'jing-vue-swiper';
  export default {
    components: {
      swiper,
      slide
    }
  }

  <swiper ref="swiper" v-if="list.length > 0"  @change="getNum">
    <slide v-for="(item,index) in list"  :key="index" @clickSlide="show">
      <img :src="item.img" >
    </slide>
  </swiper>

API

参数	说明	类型	默认值
height	轮播图的高度	string	300px
autoPlay	是否自动奇幻	boolean	true
interval	自动切换的时间间隔，单位为毫秒	number	1000
duration	图片切换的所用时间，单位为毫秒	number	500
showIndicator	是否显示指示器	boolean	true
showArrow	是否显示左右箭头	boolean	true

Events

事件名称	说明	回调参数
change	幻灯片切换时触发	目前激活的幻灯片的索引
clickSlide	当点击幻灯片时触发	-