input-one #
input-one 验证码/密码形式的输入框
<n-input-one v-model="oneBox" mode="box"></n-input-one>
<n-input-one v-model="oneBox" mode="box" :password="true" :maxlength="6" :cursor="showCursor"></n-input-one>
<n-input-one v-model="oneBottom" mode="bottom"></n-input-one>
<n-input-one v-model="oneBottom" mode="bottom" :password="true"></n-input-one>
<n-input-one v-model="oneMiddle" mode="middle"></n-input-one>
<n-input-one v-model="oneMiddle" mode="middle" :password="true"></n-input-one>
<n-input-one v-model="oneMiddle2" mode="middle" :maxlength="6"></n-input-one>
<n-input-one v-model="oneMiddle2" mode="middle" :password="true" :maxlength="6"></n-input-one>

Props #
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| value | 值 | string | - | '' |
| inputVisible | input 是否可见 | boolean | - | true |
| maxlength | 最大长度。4/5/6 | number | - | 4 |
| password | 是否密码 | boolean | - | false |
| cursor | 是否带有光标 | boolean | - | false |
| focus | 是否 focus | boolean | - | false |
| disabled | 是否禁用 | boolean | - | false |
| mode | middle-中间线, bottom-下划线, box-方框 | string | - | "middle" |
| adjust | adjust-position 控制 | boolean | - | true |
| width | 自定义 height/width | string | - | '100rpx' |
| space | 间隙 | string | - | '12rpx' |
| dotStyle | password 时圆点的样式 | string | - | 'width:16rpx;height:16rpx;border-radius:16rpx;background-color:#000000;' |
| lineStyle | middle 或 bottom 时线条的样式 | string | - | 'width:80rpx;height:8rpx;border-radius:12rpx;background-color:#000000;' |
| activeLineStyle | 当前输入框线条的样式 | string | - | '' |
| cursorStyle | 光标的样式 | string | - | 'width:1px;height:42rpx;background-color:#8F9CFF;' |
| valueStyle | 值的样式 | string | - | 'font-size:70rpx;font-weight:700;color:#000000;' |
| boxStyle | 外层样式 | string | - | '' |
| itemStyle | 输入框样式 | string | - | '' |
| activeItemStyle | 当前输入框的样式 | string | - | '' |
Events #
| Event name | Properties | Description |
|---|---|---|
| input | ||
| finish | ||
| blur | ||
| focus | ||
| confirm | ||
| keyboardHeightChange |