快捷搜索:  汽车  科技

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.js 快捷键:超酷vue.js模拟命令行组件VueKeyframes(1)

vue-keyframes 基于vue.js构建的一个模拟cmd命令行打字机组件。

vue.js 快捷键:超酷vue.js模拟命令行组件VueKeyframes(2)

安装

$ npm i vue-keyframes $ yarn add vue-keyframes

vue.js 快捷键:超酷vue.js模拟命令行组件VueKeyframes(3)

引入并使用

// 在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>

vue.js 快捷键:超酷vue.js模拟命令行组件VueKeyframes(4)

组件属性参数

vue.js 快捷键:超酷vue.js模拟命令行组件VueKeyframes(5)

非常酷的一款控制台打字效果组件,感兴趣的话可以去看下哈~

最后附上项目地址

# 预览地址 https://prevwong.github.io/vue-keyframes/ # 仓库地址 https://github.com/prevwong/vue-keyframes

ok,以上就是今天的分享!

猜您喜欢: