0.2.2 • Published 6 years ago
jing-vue-swiper v0.2.2
#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 | 当点击幻灯片时触发 | - |