learner/modules/user/mine/mine.page.html

<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="" src="https://ts1.cn.mm.bing.net/th/id/R-C.4e1631bf7c5ca76c4a923733e18660c9?rik=8brIZnhcQ89bFA&riu=http%3a%2f%2fstatics.ovopic.com%2fUpload%2fimgs%2fc27d8f14707ddf4c%2f1.jpg!800&ehk=g2tZCHM%2bIKuQpRCgNfHGD0Fh1c4guBc7NR%2fyibboSPM%3d&risl=&pid=ImgRaw&r=0" />
    <ion-card-header>
      <ion-card-title>{{user?.get("username") || '未登录'}}</ion-card-title>
      <ion-card-subtitle *ngIf="!user?.id">请您登陆后继续使用</ion-card-subtitle>
      <ion-card-subtitle *ngIf="user?.id">{{user?.get("name")}}-{{user?.get("gender")}}</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" routerLink="/user/edit/info">编辑资料</ion-button>
    <ion-button *ngIf="user?.id" fill="clear" (click)="logout()">登出</ion-button>
  </ion-card>


</ion-content>