You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

20 lines
1.1 KiB

2 years ago
# 验证码输入框
## 使用方法
```vue
<xt-verify-code v-model="verifyCode" @confirm="confirm"></xt-verify-code>
```
## 插件使用了scss,安装本插件之前,请选择安装scss
### 参数
|属性 |类型 |说明 |默认值 |
|-- |-- |-- |-- |
|value(v-model) |string |值(可双向绑定) |'' |
|type |string |验证输入框类型可选值: box、middle、bottom |box |
|inputType |string |输入类型 可选值:text、number |number |
|size |number |验证码长度 可选值: 1、2、3、4、5、6 |6 |
|isFocus |boolean|是否一开始聚焦 |true |
|isPassword |boolean|是否使用密码方式显示 |false |
|cursorColor |string |光标颜色 |#cccccc|
|boxNormalColor |string |显示框未选中的颜色 |#cccccc|
|boxActiveColor |string |显示框选中的颜色如果type='middle' 则是线的默认样式 |#000000|
|@confirm |event |输入完成的回调事件 {(code)=>{}} | |