vue-textra
made with Vuejs

vue-textra

Vue.js的文本幻灯片组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

Textra是一个简单的Vue.js插件,支持播放带有动画效果的文本幻灯片。

安装

Npm

npm i vue-textra

Yarn

yarn add vue-textra

浏览器

<script src='https://cdn.jsdelivr.net/npm/vue-textra@latest/dist/textra.min.js'></script>

// Vue.use(Textra);

使用

引入并注册

import Vue from 'vue'
import App from './App.vue'
import Textra from 'vue-textra'

Vue.use(Textra);
new Vue({
  el: '#app',
  render: h => h(App)
})

在任何组件内部:

 <textra :data='words' :timer="4" filter="flash" />

在您的实例数据中:

//...
      data () {
        return {
          words: ["My text to show", "Great news here!", "Vue is great", "Sample Text"]
        }
      }
    //...

另一个例子

 <textra :data='words' :timer="3.1" :infinite='true' filter="left-right" />

示例

textra.gif

作者

hosein2398

相关项目