<view class="xgzl-container">
  <!-- 头部返回 -->
  <view class="xgzl-header">
    <view class="reback" bindtap="go2Reback"></view>
    <view class="title">修改资料</view>
  </view>
  <!-- 头像 -->
  <view class="xgzl-img">
    <view class="cameralogo"><view class="cameralogo-img"></view></view>
    <image class="avatar1" src="{{userInfo.avatar}}"></image>
    <input focus="doChangeName1" class="nickname" name="nick"  placeholder="昵称不能为空" maxlength="7" value="{{userInfo.nick}}" bindblur="doChangeName1"></input>
  </view>

  <!-- 精灵头像 -->
  <view class="xgzl-sculpture">
    <view class="jltxtxt">精灵头像</view>
    <view class="txcheck-box">
      <view class="txcheck">
        <view  wx:for="{{avatars}}" class="itemxx"><image class="iii" src="{{item}}" data-img="{{item}}" bindtap="changeAvatar"></image></view>
      </view>
    </view>
  </view>

  <!-- <form bindsubmit="go2UpdateUserInfo"></form> -->

  <!-- 数据表单 -->
  <view class="xgzl-data">
      <view class="data-item">
        <view class="xbwz">性别</view>
        <view class="xbtxt" bindtap="changeSex">{{userInfo.spriteType=='male'?'男生':'女生'}}</view>
      </view>
      <view class="data-item">
        <view class="srwz">生日</view>
        <view class="srtxt" bindtap="handleCalendar">{{userInfo.birthday ? userInfo.birthday : '点击选择日期'}}</view>
      </view>
      <view class="data-item">
        <view class="xzwz">星座</view>
        <view class="ssxz">{{userInfo.birthdayConstellation}}</view>
      </view>
  </view>

  <!-- <t-calendar visible="{{cVisible}}" bind:confirm="changeDate" minDate="{{minDate}}" maxDate="{{maxDate}}"/> -->

  <t-date-time-picker
    title="选择日期"
    visible="{{cVisible}}"
    mode="date"
    format="YYYY-MM-DD"
    value="{{userInfo.birthday}}"
    bind:confirm="changeDate"
    start="1980-1-1"
    end="{{endDate}}"
  />

  <t-picker
    visible="{{sexVisible}}"
    value="{{cityValue}}"
    data-key="city"
    title="选择性别"
    cancelBtn="取消"
    confirmBtn="确认"
    bind:confirm="onColumnChange"
  >
    <t-picker-item options="{{sexs}}" />
  </t-picker>

</view>
