0.2.2 • Published 6 years ago

jing-vue-swiper v0.2.2

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

#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轮播图的高度string300px
autoPlay是否自动奇幻booleantrue
interval自动切换的时间间隔,单位为毫秒number1000
duration图片切换的所用时间,单位为毫秒number500
showIndicator是否显示指示器booleantrue
showArrow 是否显示左右箭头booleantrue

Events

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

6 years ago

0.2.1

6 years ago

0.2.0

6 years ago

0.1.9

6 years ago

0.1.8

6 years ago

0.1.7

6 years ago

0.1.6

6 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago