分类：验证码输入交互

2020
12-07

Vue如何实现验证码输入交互

最近做一个H5的页面，里面有个输入验证码交互，就是移动端比较常见的那种验证码输入交互。就是那种，对，就是那种，一个数字一个下划线，移动端非常常见的那种验证码交互。实现过程中主要参考了美团外卖安卓端的具体交互。应用到项目中的效果如下。一般操作：粘贴效果：方案选择方案1：调整文字的间距设置input的letter-spacing属性，我们就可以让验证码之间有足够大的空隙，然后再把底线改为有间隔的多个线段貌似就可以了。然... 继续阅读 >