1.0.2 • Published 5 years ago
@wyhaya/vue-slide v1.0.2
vue-slide
Vue carousel component for mobile
Install
yarn add @wyhaya/vue-slideExample
<template>
<div>
<slide :data="slide" />
</div>
</template>
<script>
import slide from '@wyhaya/vue-slide'
export default {
data() {
return {
slide: ['1.jpg', '2.jpg', '3.jpg']
}
},
components: { slide }
}
</script>Interface
| Props | Type | Default | Explain |
|---|---|---|---|
:data | string[] | [] | Picture list |
:time | number | 3000ms | Timed scrolling time |
:spot | boolean | true | Whether to display the index |
:speed | number | 300ms | Transition speed |
:type | ease \| linear \| ease-in \| ... | ease | Transition mode |
:clockwise | boolean | true | Whether to scroll clockwise |
@click | (index: number) => void | - | Callback function after clicking |
@change | (index: number) => void | - | Change the callback function after the index |
@prev | (index: number) => void | - | Callback function after index forward |
@next | (index: number) => void | - | Callback function after index backwards |
License
MIT LICENSE