1.0.1 • Published 4 years ago

vue-slide-lite v1.0.1

Weekly downloads
4
License
ISC
Repository
github
Last release
4 years ago

vue-slide-lite

light weight vue slide componnet

install

npm i vue-slide-lite

usage

<template>
  <VueSlideLite :list="list" :cur="cur" :dir="'ltr'">
    <template v-slot:slide="{ item, index }">
      <div>{{ `slide ${index}` }}</div>
    </template>
  </VueSlideLite>
</template>

<script>
import VueSlideLite from "vue-slide-lite"
// use as plugin
Vue.use(VueSlideLite)
// or use as component 
Vue.component('VueSlideLite', VueSlideLite.component)
</script>

demo

check the online demo or run local demo use npm run start

props

PropertyTypeRequired?Description
listArraytrueslide list items,list should contain at least 3 items(loop slide requirement), if your list has 2 items, you should concat it: list = list.concat(list)
curNumbertruethe current slide index (start from 0)
durationNumberfalseslide animation duration
dirStringfalsedirection (default ltr)
1.0.1

4 years ago

1.0.0

4 years ago