<view class="bind-mobile">
    <view class="title">验证手机号</view>
    <view class="tip">如果您已经是YOHO!FAMILY的一员，将自动关联已有的 YOHO!有货账号</view>
    <view class="field" bindtap="chooseArea">
        <span class="area">国家/地区<span class="name">{{areaName}}</span></span><image class="area-arrow" 
            src="../../static/images/icons/arrow-right@2x.png"></image>
    </view>
    <view class="field">
        <span class="area-code" bindtap="chooseArea">+{{areaCode}}</span>
        <input bindinput="phoneInput" class="field-input" value="{{phoneNum}}" 
               type="number" maxlength="20" placeholder="请输入手机号"></input>
    </view>
    <view class="field">
        <label class="label">验证码</label>
        <input bindinput="codeInput" class="field-input code" type="number" maxlength="10" 
               placeholder="请输入验证码"></input>
        <span class="{{'send-code ' + activeClass}}" bindtap="sendCode">{{btnText}}</span>
    </view>
    <image-check class="image-check" refresh="{{refreshImgCheckStatus}}" bindrefreshCode="onRefreshCode" bindisNeedImgCheck="onIsNeedImgCheck"></image-check>
    <view bindtap="submitTap" class="{{'btn confirm ' + completeClass}}">完成</view>
</view>