<!--index.wxml-->
<view class="MainPage">
  <view class="list">
    <view class="flex-h" style="padding: 16rpx 50rpx;">
      <text>头像</text>
      <view class="flex-item"></view>
      <view class="userIcon" bindtap="UpdateIcon">
        <image mode="aspectFill" src="{{FormData.UserIcon}}" class="centerLabel cover"></image>
      </view>
    </view>
    <view class="flex-h">
      <text>昵称</text>
      <view class="flex-item">
        <input value="{{FormData.NickName}}" data-name="NickName" bindinput="FormInput"></input>
      </view>
    </view>
  </view>
  <view class="list">
    <view class="flex-h">
      <text>绑定手机号</text>
      <view class="flex-item">
        <input type="number" value="{{FormData.PhoneNum}}" data-name="PhoneNum" bindinput="FormInput"></input>
      </view>
    </view>
    <view class="flex-h">
      <text>证件号码</text>
      <view class="flex-item">
        <input type="idcard" value="{{FormData.CardNum}}" data-name="CardNum" bindinput="FormInput"></input>
      </view>
    </view>
    <view class="flex-h" bindtap="SelectCity">
      <text>城市</text>
      <view class="flex-item"></view>
      <text>{{CityName}}</text>
      <image mode="widthFix" src="/assets/images/icon11.png" style="width: 16rpx;"></image>
    </view>
  </view>
  <view class="btn" bindtap="SaveUserInfo">
    <text bindtap="SaveForm">保存</text>
  </view>
  <view class="popup" hidden="{{!TriggerSelectCity}}">
    <view>
      <van-picker show-toolbar columns="{{ CityList }}" value-key="value" bind:cancel="SelectCityCancel" bind:confirm="SelectCityConfirm" />
    </view>
  </view>
</view>