
<ion-content [fullscreen]="true">

  <ion-card>
    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2017/07/10/23/45/cubes-2492010_1280.jpg" />
    <ion-card-header>
      <ion-card-title>{{user?.get("username") || '未登录'}}</ion-card-title>
      <ion-card-subtitle *ngIf="!user?.id">请登录后使用</ion-card-subtitle>
    </ion-card-header>

    <ion-card-content>
      {{user?.get("name")}}-{{user?.get("gender")}}
    </ion-card-content>
  
    <ion-button *ngIf="!user?.id" fill="clear" routerLink="/user/login">去登录</ion-button>
    <ion-button *ngIf="user?.id" fill="clear" routerLink="/user/edit/info">编辑</ion-button>
    <ion-button *ngIf="user?.id" fill="clear" (click)="logout()">登出</ion-button>
    
  </ion-card>
  
</ion-content>
