【组件封装】vue打字机效果和文字发光
作者:mobiledu2502860153 | 来源:互联网 | 2023-10-11 13:27
目录效果如下:使用1.下载插件2.安装组件3.用法4.文字高亮和标签高亮效果如下:使用1.下载插件文档查看及官网:https
目录
效果如下:
使用
1.下载插件
2.安装组件
3.用法
4.文字高亮和标签高亮
效果如下:
使用
1.下载插件
文档查看及官网:https://github.com/Orlandster/vue-typed-js
npm install --save vue-typed-js
2.安装组件
import Vue from 'vue'
import VueTypedJs from 'vue-typed-js'Vue.use(VueTypedJs)
3.用法
你好,我是智能助手-哪吒!
','
双击可以打开聊天框','
鼠标按住可以拖拽
',]":cOntentType="'html'">
4.文字高亮和标签高亮
盒子发光:
box-shadow: 0 0 2px #1e82be, 0 0 3px #1e82be, 0 0 4px #1e82be, 0 0 5px #1e82be !important;
文字发光:
text-shadow: 0 0 2px #1e82be, 0 0 3px #1e82be, 0 0 4px #1e82be, 0 0 5px #1e82be !important;