<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>我的</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large">我的</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-card>
    <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
    <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-button *ngIf="!user?.id" fill="clear" routerLink="/user/login">去登录</ion-button>
    <ion-button *ngIf="user?.id" fill="clear" (click)="logout()">登出</ion-button>
    
  </ion-card>
  
</ion-content>
