<view class="am-verify-code-item {{last ? 'last': ''}} {{className}}">
|
<view class="am-verify-code-line">
|
<view class="am-verify-code-label {{labelCls}}">
|
{{label}}
|
</view>
|
<input enableNative="{{enableNative}}"
|
sync-input="{{syncInput}}"
|
class="am-verify-code-content {{inputCls}}"
|
value="{{value}}"
|
name="{{name}}"
|
placeholder="{{placeholder}}"
|
placeholderClass="am-verify-code-placeholder-base {{placeholderClass}}"
|
placeholderStyle="{{placeholderStyle}}"
|
disabled="{{disabled}}"
|
maxlength="{{maxlength}}"
|
focus="{{focus}}"
|
onInput="onInput"
|
onConfirm="onConfirm"
|
onFocus="onFocus"
|
onBlur="onBlur"
|
controlled="{{controlled}}" />
|
<view class="am-verify-code-clear {{clear && value.length > 0 && !disabled && _focus ? 'show' : 'hidden'}}"
|
onTap="onClear" a:if="{{clear}}">
|
<am-icon size="{{iconSize}}"
|
type="close_"
|
class="am-verify-code-clear-icon"
|
color="#ccc" />
|
</view>
|
<view class="am-verify-code-action {{_actionActive ? 'active' : 'inactive'}}"
|
onTap="{{_actionActive ? 'onTapSend' : ''}}">{{
|
_actionActive ? (actedBefore ? txtSendAgain : txtSend) : `${_countDown}${txtCountDown}`
|
}}</view>
|
<view class="am-verify-code-line-bottom" />
|
</view>
|
</view>
|