we_spa_admin/pages/dossier/dossier.wxml

<view class="list">
  <view class="item flex-align-center">
    <text class="flex1">头像</text>
    <image class="avatar" src="{{userInfo.avatar_url}}"></image>
  </view>
  <navigator url="/pages/name/name" hover-class="none">
    <view class="item flex-align-center">
      <view class="flex-column flex1">
        <text class="title">姓名</text>
        <text class="flex1" wx:if="{{ userInfo.realname }}">{{ userInfo.realname  }}</text>
        <text class="flex1" wx:else style="font-size: 28rpx;color: #ccc;">请填写姓名</text>
      </view>
      <image class="icon-right" src="/images/right.png"></image>
    </view>
  </navigator>
  <view class="item flex-align-center">
    <view class="flex-column flex1">
      <text class="title">所属店铺</text>
      <text class="flex1" wx:if="{{ userInfo.realname }}">{{ userInfo.store_name  }}</text>
      <text class="flex1" wx:else style="font-size: 28rpx;color: #ccc;">'-'</text>
    </view>
    <!-- <image class="icon-right" src="/images/right.png"></image> -->
  </view>
  <view class="item flex-align-center">
    <view class="flex-column flex1">
      <text class="title">直属上级</text>
      <text class="flex1" wx:if="{{ userInfo.realname }}">{{ userInfo.realname  }}</text>
      <text class="flex1" wx:else style="font-size: 28rpx;color: #ccc;">'-'</text>
    </view>
    <!-- <image class="icon-right" src="/images/right.png"></image> -->
  </view>
  <picker bindchange="bindGenderChange" value="{{userInfo.sex == 0 ? 0 : userInfo.sex -1}}" range="{{genders}}">
    <view class="item flex-align-center">
      <view class="flex-column 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/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-column flex1">
        <text class="title">生日</text>
        <text class="flex1" wx:if="{{ userInfo.birthday }}">{{userInfo.birthday}}</text>
        <text class="flex1" wx:else style="font-size: 28rpx;color: #ccc;">请选择生日</text>
      </view>
      <image class="icon-right" src="/images/right.png"></image>
    </view>
  </picker>
  <view class="item flex-align-center" bindtap="onPopupState" data-key="visible" data-value="{{true}}">
    <view class="flex-column flex1">
      <text class="title">手机号码</text>
      <text class="flex1">{{ userInfo.mobile }}</text>
    </view>
    <image class="icon-right" src="/images/right.png"></image>
  </view>
  <picker mode="region" bindchange="bindRegionChange" style="display: none;">
    <view class="item flex-align-center">
      <view class="flex-column flex1">
        <text class="title">所在地</text>
        <text class="flex1" wx:if="{{ userInfo.city }}">{{ userInfo.city }}</text>
        <text class="flex1" wx:else style="font-size: 28rpx;color: #ccc;">请选择常驻城市</text>
        <!-- <text class="flex1">{{region[0]}}，{{region[1]}}，{{region[2]}}</text> -->
      </view>
      <image class="icon-right" src="/images/right.png"></image>
    </view>
  </picker>
</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>