CodeInput 验证码输入框

该组件通常用于输入验证码、车牌号等，可以结合c-keyboard的键盘组件一起使用。

平台

App	小程序	H5
√	√	√

属性

属性名	类型	默认值	说明	平台
modelValue	String,Number		预置值	All
type	String	box	类型，box、bottomLine、none	All
inputType	String	number	输入框类型	All
size	String,Number	70rpx	输入框的大小，宽等于高	All
height	String,Number	null		All
color	String	c-t-main	文字颜色	All
activeColor	String	null	激活项文字颜色	All
bdrColor	String	c-bdr-base	边框色	All
activeBdrColor	String	null	激活项边框色	All
activeBgColor	String	null	激活项背景色	All
count	String,Number	6	输入的字符个数	All
gutter	String,Number	20rpx	字符项间的距离	All
password	Boolean	false	是否密码输入	All
focus	Boolean	false	是否自动获取焦点	All
disabledKeyboard	Boolean	false	禁用自动唤起系统键盘	All
disabledDot	Boolean	true	是否禁止输入"."符号	All
itemProps	Object	{}	字符项样式 参考c-box的props	All
textProps	Object	{}	字符文本样式	All
adjustPosition	Boolean	true	键盘弹起时，是否自动上推页面	All
cClass	String,Array,Object	null	组件类	All
cStyle	String,Array,Object	null	组件样式	All
margin	String,Number,Array	null	外边距	All
padding	String,Number,Array	null	内边距	All
bgColor	String	null	背景色，支持c-bg-开头的背景色类	All

事件

事件名	说明
update:modelValue
change	value
finish	value
click

方法

名称	说明
isFocus	是否设置焦点

示例

<template>
    <c-code-input v-model="code" @finish="onFinish" />
</template>
<script setup>
import { ref } from 'vue'

const code = ref('');
function onFinish(res){
  uni.$c.toast(`输入结果：${res}`)
}
</script>