基于vue2.0的input输入框文字特效

当前位置:主页 > jQuery库 > 表单 > 基于vue2.0的input输入框文字特效
基于vue2.0的input输入框文字特效
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2018-01-03
    阅读:
简要教程

这是一款基于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)                  
                
<template>
  <effect-input v-model="value" type="jiro" label="姓名"></effect-input>
</template>
                
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

相关插件

网友评论