<!--pages/bind-phone/index.wxml-->
<view class='bind-phone-container'>
  <form bindsubmit="formSubmit">
    <zan-row>
      <view class='sg-row'>
        <view class='bind-phone-avatar-container'>
          <view class='bind-phone-avatar-wrapper'>
            <open-data type='userAvatarUrl' class='wxAvatarUrl'></open-data>
          </view>
        </view>
      </view>
    </zan-row>
    <zan-row>
      <view class='sg-row'>
        <zan-col col="16" col-class="custom-zan-col">
          <zan-field placeholder="输入手机号" focus="true" name='phone' value='{{ phone }}'></zan-field>
        </zan-col>
        <zan-col col="8" col-class="custom-zan-col">
          <zan-button type='warn' openType="getPhoneNumber" class='get-phone-btn' bindgetphonenumber='getPhoneNumber'>获取</zan-button>
        </zan-col>
      </view>
    </zan-row>
    <view class="btn-area">
      <button formType="submit" type='primary' class='bind-phone-btn'>绑定手机号</button>
    </view>
  </form>
</view>