<view class="container">
  <header text="设置"></header>
  <view class="content">
    <view class="card-box">
      <van-cell is-link custom-class="cell-box">
        <view slot="title">
          <view class="van-cell-text">头像</view>
        </view>
        <view class="card-text">
          <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
            <van-image lazy-load round width="84rpx" height="84rpx" fit="cover" src="{{userInfo.avatar}}" />
          </button>
        </view>
      </van-cell>
    </view>
    <view class="card-box">
      <van-cell is-link>
        <view slot="title">
          <view class="van-cell-text">昵称</view>
        </view>
        <input type="nickname" class="card-text" value="{{userInfo.nickname}}"  placeholder="请输入昵称" bind:change="onInputChange" />
      </van-cell>
    </view>
    <view class="card-box">
      <van-cell is-link custom-class="cell-box-phone">
        <view slot="title">
          <view class="van-cell-text">手机号</view>
        </view>
        <view class="card-text">
          <button class="avatar-wrapper phone-text" open-type="getPhoneNumber"   bindgetphonenumber="getPhoneNumber">
            <view class="card-text phone-text">{{userInfo.phone || '***'}}</view>
          </button>
        </view>
      </van-cell>
    </view>
    <view class="btn">
      <!-- <view bindtap="onExit" hover-class="btn-hover" hover-start-time="10">
        <image  class="set-btn m20" src="/static/image/exit.png" mode="aspectFit"/>
      </view> -->
      <view bindtap="onSave" hover-class="btn-hover" hover-start-time="10">
        <image class="set-btn" src="/static/image/save.png" mode="aspectFit"/>
      </view>
    </view>
  </view>
</view>
