<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:#1890ff;':''}}">
        <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>
