1.0.1 • Published 6 years ago
vue-slide-lite v1.0.1
vue-slide-lite
light weight vue slide componnet
install
npm i vue-slide-liteusage
<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
| Property | Type | Required? | Description |
|---|---|---|---|
| list | Array | true | slide 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) |
| cur | Number | true | the current slide index (start from 0) |
| duration | Number | false | slide animation duration |
| dir | String | false | direction (default ltr) |