You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
1.5 KiB
Plaintext
22 lines
1.5 KiB
Plaintext
1 year ago
|
<view class="container" hover-class="none" hover-stop-propagation="false">
|
||
|
|
<view class="f18 fw500 mb16" hover-class="none" hover-stop-propagation="false">输入验证码</view>
|
||
|
|
<view class="f14 mb32" hover-class="none" hover-stop-propagation="false">
|
||
|
|
<view class hover-class="none" hover-stop-propagation="false">我们已向 {{telStr}} 发送验证码</view>
|
||
|
|
<view class hover-class="none" hover-stop-propagation="false">请查看短信并输入验证码</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="input-list">
|
||
|
|
<!-- input输入框 -->
|
||
|
|
<input class="input-item" wx:if="{{focus}}" adjust-position="false" auto-blur="true" bindblur="inputCodeBlur" bindinput="inputCode" bindfocus="inputFocus" focus="{{focus}}" value="{{code}}" type="number" maxlength="4" />
|
||
|
|
<!-- 验证码输入框 -->
|
||
|
|
<view class="code-list" bindtap="focusClick">
|
||
|
|
<view class="code-item" wx:for="{{4}}" wx:key="0" style="{{index == code.length && focus ? 'border-color:#ff4400;':''}}">
|
||
|
|
<view class hover-class="none" hover-stop-propagation="false">{{code[index]}}</view>
|
||
|
|
<view class="focusLine" wx:if="{{index == code.length && focus}}" hover-class="none" hover-stop-propagation="false"></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="f17 c9 mt30" wx:if="{{codeBtn.codeNumber > 0}}">{{codeBtn.codeNumber > 0 ? codeBtn.codeNumber:''}}秒后可点此重新发送</view>
|
||
|
|
<view class="mt30" wx:else style="color:#576B95" bindtap="getCode" hover-class="none" hover-stop-propagation="false">重新获取验证码</view>
|
||
|
|
</view>
|