一、开发背景产品出设计稿要求做一个仿原生app短信验证码组件，花了两小时搞出来一个还可以的组件，支持屏幕自适应，可以用于弹出框，或自己封装的vue组件里，希望可以帮助那些被产品压榨的同学，哈哈。?其核心思想就是利用一个输入框使用css3,translate属性，每输入一次后向右位移一个单位位置，直到输入完验证码个数消失。然后定义一个数组smsCodeList，初始化时push对象smsCodeList=[{val:'',isError:''}]二、费发不多说，先看演示演示三、代码解释//html代码{{title}}{{item.val}}只需简单的这几行html结构，用来渲染标题和输入框和验

一、开发背景产品出设计稿要求做一个仿原生app短信验证码组件，花了两小时搞出来一个还可以的组件，支持屏幕自适应，可以用于弹出框，或自己封装的vue组件里，希望可以帮助那些被产品压榨的同学，哈哈。?其核心思想就是利用一个输入框使用css3,translate属性，每输入一次后向右位移一个单位位置，直到输入完验证码个数消失。然后定义一个数组smsCodeList，初始化时push对象smsCodeList=[{val:'',isError:''}]二、费发不多说，先看演示演示三、代码解释//html代码{{title}}{{item.val}}只需简单的这几行html结构，用来渲染标题和输入框和验