0.0.1 • Published 8 years ago
vue-mini-swiper v0.0.1
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 |
0.0.1
8 years ago