vue.js 快捷键:超酷vue.js模拟命令行组件VueKeyframes
vue.js 快捷键:超酷vue.js模拟命令行组件VueKeyframes# 预览地址 https://prevwong.github.io/vue-keyframes/ # 仓库地址 https://github.com/prevwong/vue-keyframesok,以上就是今天的分享!
今天给大家分享一款非常炫酷的Vue模拟控制台输入效果vuekeyframes。
vue-keyframes 基于vue.js构建的一个模拟cmd命令行打字机组件。
$ npm i vue-keyframes
$ yarn add vue-keyframes
// 在main.js中引入
import Vue from 'vue'
import {Keyframes} from 'vue-keyframes'
Vue.use(Keyframes)
<template>
<div class="app">
<keyframes loop="true">
<p duration="500">Hi World</p>
<p duration="1000">How's it going ?</p>
<p duration="500">See ya.</p>
</keyframes>
</div>
</template>
<script>
export default {
data () {
return {}
}
}
</script>
非常酷的一款控制台打字效果组件,感兴趣的话可以去看下哈~
最后附上项目地址
# 预览地址
https://prevwong.github.io/vue-keyframes/
# 仓库地址
https://github.com/prevwong/vue-keyframes
ok,以上就是今天的分享!