当前位置:JS特效 » 其他 » 基于vue2.0的input输入框文字特效
 基于vue2.0的input输入框文字特效
如果您觉得内容不错,请分享:
标签: 输入框vue

插件介绍

这是一款基于vue2.0的input输入框文字特效。该input输入框特效在输入框聚焦时,为输入框添加多种动画效果,极大提高交互效果。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:41
简要教程

这是一款基于vue2.0的input输入框文字特效。该input输入框特效在输入框聚焦时,为输入框添加多种动画效果,极大提高交互效果。

安装

$ yarn add effect-input # npm i -S effect-input
                

使用方法

使用示例
import EffectInput from 'effect-input'
import 'effect-input/dist/index.css'

Vue.use(EffectInput)                  
                

                
input主题

effect-inputtype属性为主题名。可用的主题如下:

1、haruki

input输入框文字特效-haruki

2、hoshi

input输入框文字特效-hoshi

3、kuro

input输入框文字特效-kuro

4、jiro

input输入框文字特效-jiro

5、minoru

input输入框文字特效-minoru

6、yoko

input输入框文字特效-yoko

7、hideo

input输入框文字特效-hideo

8、kyo

input输入框文字特效-kyo

9、akira

input输入框文字特效-akira

10、ichiro

input输入框文字特效-ichiro

11、juro

input输入框文字特效-juro

12、kaede

input输入框文字特效-kaede

13、isao

input输入框文字特效-isao

14、madoka

input输入框文字特效-madoka

该input输入框文字特效的github地址为:https://github.com/XBT1/effect-input

Top