Vue-mobile-carousel NPM

Vue-mobile-carousel

Installation

npm i vue-mobile-carousel

Usage

import { Carousel } from 'vue-mobile-carousel'

export default {
  ...
  components:{
    Carousel
  }
  ...
}

Config

key	value	description
initPage	Number	init page for show
speed	Number (ms)	per active's time
expect_height	Number (px)	image's actually height
imgArray	Array	for example:{src:'x.png',href:'x.html'}
autoplay	Boolean (default:false)	autoplay
navigator_pos	String: inner	outer	inner: pageniation is in banner, outer: pageniation is not
normalClass	Object (css)	pageniation-element's style
navigator_pos	Object (css)	actived pageniation-element's style
beforeClick	Event	beforeClick

Example

<Carousel
  :initPage = 0
  :speed = 3000
  :expect_height = 280
  :imgArray = imgArray
  :autoplay = true
  :navigator_pos='inner'
  :normalClass={background:#f4f5f6}
  :activeClass={background:#fff}
  ></Carousel>