<view class="input-item-wrap">
    <gov-list header-border>
        <view
            slot="left"
            style="width: {{ iptAreaWidth }}"
            class="gov-code input-item-title-short {{ iptErrorInfo ? 'color-red ' : '' }}"
        >验证码</view>
        <view slot="right" class="ipt-content">
            <input class="ipt-area gov-input" 
                placeholder-style="color:#ccc;"
                name="{{ iptName }}" 
                placeholder="{{ placeholderContent }}"
                value="{{ iptValue }}"
                type="{{ type }}"
                maxlength="{{ maxLength }}"
                focus="{{ focus }}"
                bindinput="bindKeyInput"
                bindblur="bindBlur"
                bindfocus="bindFocus"
                bindconfirm="bindConfirm"
            />
            <view class="verify-icon" bindtap="refreshImg">
                <image
                    bindload="imgHdl"
                    class="icon"
                    src="{{ verifyImgUrl }}"
                ></image>
                <view
                    s-if="{{ status !== 1 }}"
                    class="
                        state-icon
                        {{ status === 0 ? 'loading' : '' }}
                        {{ status === 2 ? 'reload' : '' }}
                    "
                />
            </view>
        </view>
    </gov-list>
</view>