<ion-header>
  <ion-toolbar color="secondary">
    <ion-buttons slot="start">
      <ion-back-button text="" defaultHref="/index"></ion-back-button>
    </ion-buttons>
    <ion-title class="ion-tittle">个人中心</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content>
  <div class="mainContent">
    <div class="topBar">
      <div class="top">
        <div class="imgPart">
          <img style="height: 100%;border-radius: 100%" src="../../../assets/img/none.png">
        </div>
        <div class="topRight">
          <div class="rightTop">{{user.userName}}</div>
          <div class="rightBottom">{{user.companyName}}</div>
        </div>
      </div>
    </div>
    <div class="middleCon">
      <div class="line">
        <div class="label">昵称</div>
        <div class="text">{{user.nickName}}</div>
      </div>
      <div class="line">
        <div class="label">邮箱</div>
        <div class="text">{{user.email}}</div>
      </div>
      <div class="line">
        <div class="label">手机号</div>
        <div class="text">{{user.phone}}</div>
      </div>
    </div>
    <div class="bottomBtn">
      <div Button class="button" (click)="loginOut()" [type]="'primary'" style="letter-spacing: 2px">退出登录</div>
    </div>
    <div style="position: fixed;bottom: 20px;display: inline-block;width: 100%;text-align: center;color: #666666;font-size: 14px;">
      版本信息: v2.9.1
    </div>
  </div>

  <ng-template #icon>
    <span class="vo v-back"></span>
  </ng-template>
</ion-content>
