<view class="list">
  <view class="top-container">
    <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
      <image class="avatar" src="{{userInfo.avatar_url}}"></image>
    </button>
  </view>
  <navigator url="/pages/name/name" hover-class="none">
    <view class="item flex-align-center">
      <view class="flex-row flex1">
        <text class="title">昵称</text>
        <text class="flex1" wx:if="{{ userInfo.nickname }}">{{ userInfo.nickname }}</text>
        <text class="flex1" wx:else style="color: #999999;">请填写姓名</text>
      </view>
      <!-- <image class="icon-right" src="/images/my/right.png"></image> -->
    </view>
  </navigator>
  <picker bindchange="bindGenderChange" value="{{userInfo.sex == 0 ? 0 : userInfo.sex -1}}" range="{{genders}}">
    <view class="item flex-align-center">
      <view class="flex-row flex1">
        <text class="title">性别</text>
        <text class="flex1">{{ userInfo.sex == 0 ? '保密' : genders[userInfo.sex -1 ] }}</text>
        <!-- <text class="flex1">{{genders[genderIndex]}}</text> -->
      </view>
      <image class="icon-right" src="/images/my/right.png"></image>
    </view>
  </picker>
  <picker mode="date" value="{{userInfo.birthday}}" start="1980-09-01" bindchange="bindDateChange">
    <view class="item flex-align-center">
      <view class="flex-row flex1">
        <text class="title">生日</text>
        <text class="flex1" wx:if="{{ userInfo.birthday }}">{{userInfo.birthday}}</text>
        <text class="flex1" wx:else style="color: #999999;">请选择生日</text>
      </view>
      <image class="icon-right" src="/images/my/right.png"></image>
    </view>
  </picker>
  <view class="item flex-align-center" bindtap="onPopupState" data-key="visible" data-value="{{true}}">
    <view class="flex-row flex1">
      <text class="title">手机号码</text>
      <text class="flex1">{{ userInfo.mobile }}</text>
    </view>
    <!-- <image class="icon-right" src="/images/my/right.png"></image> -->
  </view>
  <picker mode="region" bindchange="bindRegionChange">
    <view class="item flex-align-center">
      <view class="flex-row flex1">
        <text class="title">所在地</text>
        <text class="flex1" wx:if="{{ userInfo.city }}">{{ userInfo.city }}</text>
        <text class="flex1" wx:else style="color: #999999;">请选择常驻城市</text>
        <!-- <text class="flex1">{{region[0]}}，{{region[1]}}，{{region[2]}}</text> -->
      </view>
      <image class="icon-right" src="/images/my/right.png"></image>
    </view>
  </picker>
  <navigator url="/pages/member/investigation/investigation" hover-class="none">
    <view class="item flex-align-center">
      <view class="flex-row flex1">
        <text class="title">问诊信息</text>
        <text class="flex1" wx:if="{{ userInfo.has_investigation }}">已填写</text>
        <text class="flex1" wx:else style="color: #999999;">未填写，请尽快完善</text>
      </view>
      <image class="icon-right" src="/images/my/right.png"></image>
    </view>
  </navigator>
</view>
<wux-landscape visible="{{ visible }}" maskClosable="{{ true }}" closable="{{ false }}" bind:close="onPopupState" data-key="visible" data-value="{{false}}">
  <view class="use-popup flex-column">
    <text style="font-size: 36rpx;">更换手机</text>
    <text style="color: #666666;margin: 28rpx 0 78rpx;">您确定要更换绑定的手机吗？</text>
    <view class="use-btn">
      <view class="btn cancel flex-center" bindtap="onPopupState" data-key="visible" data-value="{{false}}">
        取消
      </view>
      <navigator url="/pages/phone/phone?phone={{userInfo.mobile}}" hover-class="none">
        <view class="btn confirm flex-center">更换</view>
      </navigator>
    </view>
    <!-- [温馨提示] 确认激活后，该会员卡将立即生效； 如暂不激活，可在“已购会员卡”中去选择激活。 -->
  </view>
</wux-landscape>