APICloud AVM框架封装验证码输入框组件实例。
验证码输入框组件,可自定义下次点击等待时长,自定义验证码长度,可根据自定义的验证码长度进行输入内容的验证。
\
组件引用
import '../../components/verification-code-input.stml'
组件使用
组件文件
verification-code-input.stml
\
.verification-code{ flex-flow: row nowrap; margin: 10px 20px; justify-content: space-between; border-bottom: 0.5px solid #f0f0f0; align-items: center; } .code-input{ width: auto; border: none; font-size: 18px; } .code-btn{ color: #1492ff; font-size: 18px; }\
组件使用示例
.page { height: 100%; background-color: #ffffff; padding-top: 100px; } .verification-code{ flex-flow: row nowrap; margin: 10px 20px; justify-content: space-between; border-bottom: 0.5px solid #f0f0f0; align-items: center; } .code-input{ width: auto; border: none; font-size: 15px; flex: 1; } .code-btn{ color: #1492ff; font-size: 15px; }\