@noyid/vue-typing v0.0.1

vue-typing —— 实现打字效果

vue组件，实现打字效果 demo

引用

方式一：单页面： script 引用 lib 目录下生成物，注意路径

<script src="lib/typing.umd.min.js"></script>
<link rel="stylesheet" href="lib/typing.css">

方式二：将 src/components 下的 Typing 文件夹拷贝到你的组件目录，自行修改

方式三：npm安装

npm install @noyid/vue-typing --save

然后使用

import Typing from '@noyid/vue-typing'
import '@noyid/vue-typing/lib/typing.css'
    export default {
        ...
        components:{
            Typing
        },
        ...
    }

使用示例

单行覆写

<Typing :loopCount="1" :texts="['进销存应用','项目管理','财务统计报表']" />

多行输入

<Typing :loopCount="1" :texts="['进销存应用\n项目管理\n财务统计报表']"/>

属性说明