<app-comp-nav></app-comp-nav>
<nz-page-header
  class="site-page-header"
  (nzBack)="onBack()"
  nzBackIcon
  nzTitle="个人中心"
  nzSubtitle="认证身份/编辑信息"
></nz-page-header>
<div class="page">
  <div class="row">
    <div class="lable">用户名：</div>
    <div class="value"><input nz-input placeholder="用户名不可更改" [(ngModel)]="editUser.username" [disabled]="true"  type="text" /></div>
  </div>
  <div class="row">
    <div class="lable">头像：</div>
    <div class="value"><nz-avatar nzIcon="user" style="background-color:#87d068;"></nz-avatar></div>
  </div>
  <div class="row">
    <div class="lable">手机号：</div>
    <div class="value"><input nz-input placeholder="绑定手机号" [(ngModel)]="editUser.mobile" [disabled]="true" type="text" /></div>
  </div>
  <div class="row">
    <div class="lable">姓名：</div>
    <div class="value">{{editUser.name}}</div>
  </div>
  <div class="row">
    <div class="lable">邮箱：</div>
    <div class="value">{{editUser.email}}</div>
  </div>
  <div class="row">
    <div class="lable">身份认证：</div>
    <div class="value"><button nz-button nzType="primary">身份认证</button></div>
  </div>
</div>