VUE——使用easy-typer-js实现打字机效果

2021-05-31 14:03

阅读:687

标签:ttext   tps   sha   method   gets   sheng   mount   send   lse   

前言

github:https://github.com/pengqiangsheng/easy-typer-js

内容

安装

npm install easy-typer-js --save

封装

技术图片

print.js

import EasyTyper from ‘easy-typer-js‘
export default {
	data() {
		return {
			windowHeight: 0,
			obj: {
				output: ‘‘,
				isEnd: false,
				speed: 80,
				singleBack: false,
				sleep: 10,
				type: ‘custom‘,
				backSpeed: 40,
				sentencePause: false
			}
		}
	},
	methods: {
		initTyped(input) {
			const obj = this.obj
			const typed = new EasyTyper(obj, input)
		}
	},
}

index.js

import share from ‘./src/share.js‘;
import printText from ‘./src/print.js‘

export { share, printText } 

使用

效果

技术图片

VUE——使用easy-typer-js实现打字机效果

标签:ttext   tps   sha   method   gets   sheng   mount   send   lse   

原文地址:https://www.cnblogs.com/wangyang0210/p/14633411.html

上一篇:css定位总结:

下一篇:PHP安全


评论


亲,登录后才可以留言!