satrong / vue-text-marquee

A Vue component to Marquee. Just used CSS3 animation.

Home Page:https://satrong.github.io/vue-text-marquee/dist/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-text-marquee

Online Demo

Install

npm i vue-text-marquee

Global Usage

import Vue from 'vue';
import VTextMarquee from 'vue-text-marquee';
Vue.use(VMarquee);

Use in .vue file

import { VTextMarquee } from 'vue-text-marquee';
export default {
    component: {
        VTextMarquee: VTextMarquee
    }
}

Prop

  • speed {Number} , scrolling speed, default 50
  • content {String} , scrolling content, you can also use default slot instead.
  • animate {Boolean} , control the animation is running or pause, default true.(Used css3's animation-play-state)

About

A Vue component to Marquee. Just used CSS3 animation.

https://satrong.github.io/vue-text-marquee/dist/index.html


Languages

Language:Vue 71.8%Language:JavaScript 17.4%Language:HTML 10.8%