Vue 文本字幕组件(Marquee Text Component)
made with Vuejs

Vue 文本字幕组件(Marquee Text Component)

这是一个Vue.js的字幕文本组件。

简介及使用教程

Vue 文本字幕组件(Marquee Text Component)是一个Vue.js的字幕文本组件,具有CSS GPU动画、快速、功能强大等特点。

安装

Npm

npm i vue-marquee-text-component

Yarn

yarn add vue-marquee-text-component

使用

全局注册

import Vue from 'vue'
import MarqueeText from 'vue-marquee-text-component'

Vue.component('marquee-text', MarqueeText)

组件中引入

import MarqueeText from 'vue-marquee-text-component'

export default {
  name: 'HelloWorld',
  components: {
    MarqueeText
  }
}

template

<!--简单字幕文字 -->
<marquee-text>
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.
</marquee-text>

<!-- 重复短语字幕 -->
<marquee-text :repeat="10">
  Short text =(
</marquee-text>

<!-- 滚动时间 -->
<marquee-text :duration="30">
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.
</marquee-text>

示例

image.png

作者

null

相关项目

这是一个基于Vue.js的模拟命令行效果的动画组件。
Vue.js的文本幻灯片组件。
这是一个基于Vue.js的内容切换组件。
这是一个使用Vue.js的加载Spinner的集合。
这是一个实现Material设计风格的纹波效果的插件。
这是一个基于Vue的emoji图标反馈组件。
这是一个带动画的“喜欢”按钮组件。