1.0.5 • Published 4 years ago
vue_swiper_smooth v1.0.5
Global Registration
import Vue from 'vue'
import Swiper from 'vue_swiper'
Vue.use(Swiper)Example
<Swiper
:imageList="imageList"
:ifAutoPlay="falseFlag"
:autoPlaySpeed="speed"
@itemClick="getClickEvent"
/>API
Attributes
| 参数名 | 说明 | 默认值 | 参数类型 |
|---|---|---|---|
| imageList | 轮播图图片列表 | 3张单色初始图 | Array |
| swiperItemWidth | 轮播图宽度 | 页宽 | Number |
| swiperItemHeight | 轮播图高度度 | 300 | Number |
| ifAutoPlay | 是否开启自动轮播 | true | Boolean |
| autoPlayDelay | 自动轮播间隔 | 1000 | Number |
| autoPlaySpeed | 自动轮播速度 | 350 | Number |
| ifDots | 是否开启导航点 | true | Boolean |
imageList数据格式示例
[
{src:'图片地址 ',url:'跳转地址'},
{src:'图片地址' ,url:'跳转地址'},
{src:'图片地址 ',url:'跳转地址'}
]Events
| 参数名 | 说明 | 返回值 |
|---|---|---|
| itemClick | 轮播图点击事件 | imageList参数中带url则返回url,否则返回序号 |
| itemChange | 轮播图切换事件 | 位序 , url |