jing-vue-swiper
0.2.2 • Public • Published 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 |
当点击幻灯片时触发 |
- |
Package Sidebar
Install
Weekly Downloads