App-TheRecipeYouKnow/src/modules/user/login/login.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <!-- 新增路由返回逻辑，执行back函数 -->
      <ion-button (click)="back()" fill="clear" color="dark">
        <ion-icon name="chevron-back-outline" size="small"></ion-icon>返回
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content color="light">

  <div class="login-modal">
    <ion-card>
      <ion-card-header>
        <ion-card-title>登录/注册</ion-card-title>
        <ion-card-subtitle>该页面需登陆可继续使用</ion-card-subtitle>
      </ion-card-header>

      <ion-card-content>
        <ion-input [(ngModel)]="username" placeholder="账号" [clearInput]="true" [counter]="true" maxlength="11">
        </ion-input>
        <ion-input [(ngModel)]="password" placeholder="密码" [clearInput]="true" [counter]="true" maxlength="20"
          type="password">
        </ion-input>
      </ion-card-content>
      <ion-button expand="block" (click)="login()">登录</ion-button>
      <ion-button expand="block" (click)="register()">注册</ion-button>
    </ion-card>
  </div>
</ion-content>