【组件封装】vue打字机效果和文字发光

效果如下：

使用

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.用法

<vue-typed-jsstyle="font-size: 0.0729rem; color: #01fef4"v-if="isXianshiDaZiJi":startDelay="1000"@onComplete="doDelay":cursorChar="'_'":strings="['<p>你好，我是智能助手-哪吒!</p>','<span>双击可以打开聊天框</span>','<p>鼠标按住可以拖拽</p>',]":contentType="'html'"><divstyle="color: #01fef4;text-align: center;text-shadow: 0 0 0.0521rem #01fef4, 0 0 0.1042rem #01fef4;"class="typing"></div></vue-typed-js>

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;

【组件封装】vue打字机效果和文字发光相关推荐

Vue2组件封装 Vue组件封装
写在前面虽然是Vue2组件封装,主要的内容是记录一下我对封装组件的一些要点和我的看法 --原学习视频来源于b站黑马从0到1封装组件库什么是组件都说Vue是组件化开发,确实有道理,别说按钮输入框这 ...
图片裁剪 cropper.js 上传组件封装 vue
//HTML cropper.js 文档地址: https://github.com/fengyuanchen/cropperjs/blob/master/README.md <template ...
【组件封装】显示实时时间和星期几·附文字特效
目录前言 1.显示实时时间无星期版 1.1 效果如下: 1.2 封装的代码如下(适用vue) 2.显示实时时间带星期几 2.1 效果图 2.2 封装的代码如下(适用vue) 3.流光效果 4.文字发 ...
【Vue】组件封装
目录 1 组件封装 1.1 全局注册 1.2 局部注册 1.2.1 命名 1.2.2 引用组件 1.2.2.1 传统写法 1.2.2.2 setup 1.2.2.3 easycom 1.3 父子组件间 ...
Vue 组件封装之 Questionnaire 问卷调查
Vue 组件封装之 Questionnaire 问卷调查前言一.Questionnaire 组件二.使用案例三.API 使用指南四.源代码前言问卷调查表也是目前前端比较常见的开发项目,目 ...
Creator新手引导 | 限制只能点击一个按钮 | 文字打字机效果
效果实现这个非常简单巧妙源码在文末实现思路节点有点多,一个一个讲解下 bg是游戏背景图,主要是为了和灰黑色的遮罩区别 Btn_parent是三个按钮的父节点,加了一个layout,使每个按钮不 ...
Vue 组件封装之 Content 列表(处理多行输入框 textarea)
Vue 组件封装之 Content 列表一.Content 列表二.使用案例三.API 使用指南四.源代码一.Content 列表组件说明: 实现 Content 列表布局排版. 效果展示 ...
Vue 组件封装之 List 列表
Vue 组件封装之 List 列表一.List 列表二.使用案例三.API 使用指南四.源代码一.List 列表组件说明: 实现 List 列表布局排版. 效果展示: 实现的功能: 在一个 ...
Vue 组件封装之 Search 搜索
Vue 组件封装之 Search 搜索一.Search 组件二.使用案例三.API 使用指南四.源代码一.Search 组件组件说明: 实现搜索功能. 效果展示: input 输入框背景铺 ...

【组件封装】vue打字机效果和文字发光

效果如下：

使用

1.下载插件

2.安装组件

3.用法

4.文字高亮和标签高亮

【组件封装】vue打字机效果和文字发光相关推荐

最新文章

热门文章