1.0.9 • Published 7 years ago
vue-m-swipers v1.0.9
vue-m-swipers
Vue v2.0 移动端无缝轮播图组件
精巧的移动端轮播图组件，支持无限和有限的滚动方式，支持自动播放等特性
安装步骤
# 安装 npm 模块
npm install vue-m-swipers --save
#组件内直接引入
import { mSwiper } from 'vue-m-swipers'
组件使用：1.components:{ mSwiper:mSwiper };2.<m-swiper />
# 或者 Vue.use()全局安装
import mSwiper from 'vue-m-swipers'
Vue.use(mSwiper)参数配置
| 属性名 | 作用 | 类型 | 默认值 |
|---|---|---|---|
| loop | 是否开启无限循环切换 | Boolean | true |
| data | 图片数组对象 | Array | 无({ img:xxxx },{ img:xxxx }) |
| urlName | 指定图片url的属性名，默认为img，如果为false，就是通过数组下标来查找 | String，Boolean | img |
| auto | 自动播放时间（单位：ms）和是否开启自动（只在loop为true的情况下有效） | Number | 0 | | initIndex | 初始化默认展示第几页 | Number | 0 | | @click | 轮播点击事件默认第一个参数为每页的index | Function | 无 |