更新记录

1.3.2（2024-06-09）

• 修复初始化获取元素数据不准的问题
• 补充修改输入框样式的文档

1.3.1（2023-06-08）

• 修改验证码过小 出现两个光标的问题

1.3.0（2023-05-20）

• 增加自定义输入文字的颜色

平台兼容性

uni-app

uni-app x

验证码输入框

使用方法

<xt-verify-code v-model="verifyCode" @confirm="confirm"></xt-verify-code>

参数

常见问题

• 如何改变输入框的大小？

  1. 通过样式穿透的方法

     
     /deep/ .xt__verify-code .xt__input-ground .xt__box {
     width: 40rpx !important;
     height: 60rpx !important;
     }

  /deep/ .xtinput-ground .xtbox .xt__code-text { font-size: 28rpx !important; }

• 输入框之间的边距如何改变？

  1. 组件内容是flex布局，可在组件增加一个父级标签，修改父级的宽度或内边距(padding)