APICloud AVM框架封装验证码输入框组件

103 阅读1分钟

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; }

\