如上图,想实现输入注册手机号,及6位数字验证码。并且输入后倒计时60秒
主要分为 wxml,wxss,js 三块。
其中用到的倒计时模块,单独写成工具类使用。
toast 是一个提示工具类,详见我另外一篇文章: 提示工具类
wxml
<block>
<view class="section-title">注册手机号</view>
<view class="phone-cell">
<text>*</text>
<input type="number" maxlength="11" placeholder="点击输入手机号" class="input" value="{
{phoneNumber}}"
focus="{
{phoneNumberFocus}}" bindinput="phoneInput" />
</view>
<view class="phone-cell">
<te