vue-slide

Vue carousel component for mobile.

vue-slide

Install

yarn add @wyhaya/vue-slide

Example

<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

GitHub