0.0.1 • Published 7 years ago

vue-mini-swiper v0.0.1

Weekly downloads
2
License
ISC
Repository
github
Last release
7 years ago

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

NameTypeDefaultDescription
wrapStringwrapSwiper wrap id.Cannot repeat
imgdataArray[]linkurl:'',imgurl:'',alt:'' Three keys(change in swiper.vue)
isAutoBooleanfalseAuto play
clickDotBooleanfalseClick dot
timesNumber4000Animation waiting time