Feature

This is a vue-exclusive marquee component, which features an unlimited up and down carousel that will be connected end to end.

Usage

Basic

import and register components

import TheMarquee from '@vue_modules/vue-marquee-straight';
import '@vue_modules/vue-marquee-straight/marqueeBar.css';

export default {
    components: {
        TheMarquee
    }
};

Let's move

<TheMarquee>
    <template v-slot:childList>
        <div>The block you want to rotate</div>
    </template>
</TheMarquee>

Props

| Prop | Type | Default | Value | Description | | --- | --- | --- | --- | --- | | direction | String | up | 'up' or 'down' | Decide the direction of rotation | | speed | Number | 0 | -N ~ N | Rotation speed, positive number means acceleration, negative number means deceleration |