vue-mini-swiper

vue mini swiper component,only Horizontal.

Install

npm i vue-mini-swiper -S

Usage | vue-cli

import Vue from 'vue'
import swiper from 'vue-mini-swiper'
Vue.use(swiper);
export default {
  data () {
    return {
      listData:[...]
    }
  }
}

<swiper
  wrap="wrap1" 
  :imgdata="listData" 
  :clickDot="true"
  :times="4000">
</swiper>
<swiper
  wrap="wrap2" 
  :imgdata="listData" 
  :isAuto="true" 
  :clickDot="true"
  :times="3000">
</swiper>

Api

Name	Type	Default	Description
wrap	String	wrap	Swiper wrap id.Cannot repeat
imgdata	Array	[]	[linkurl:'',imgurl:'',alt:''] Three keys(change in swiper.vue)
isAuto	Boolean	false	Auto play
clickDot	Boolean	false	Click dot
times	Number	4000	Animation waiting time