Skip to content

luckyAlexandra/vue-m-swiper

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#vue-m-slider

基于vue的移动端图片轮播
##Install npm install vue-m-swiper ##Use
var Vue = require('vue');
Vue.component('swiper', require('vue-m-swiper'));
//在模版文件中使用
<swiper :list="list" :autoplay="true"></swiper>

###Params ####list

Type : Array
图片的地址['//img','//img',...]

####slideplay

Type : Boolean
Default: true
手动滑动播放

####autoplay

Type : Boolean
Default: false
自动播放

####alternate

Type : Boolean
Default: false
自动播放的顺序,默认从左到右

####interval

Type : Number
Default : 5000
自动切换时间间隔

####duration

Type : Number
Default : 1000
滑动动画时长

####change

Type : Function
每次更改调用的函数
参数是当前下标,从0开始

About

基于vue的移动端图片轮播组件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 75.6%
  • CSS 14.9%
  • HTML 9.5%