ai_fitness/modules/user/login/login.page.html

<ion-content [fullscreen]="true" class="ion-text-center">
  <div class="login-container">
    <ion-card class="login-card">
      <ion-card-header>
        <ion-card-title>登录/注册</ion-card-title>
      </ion-card-header>
    
      <ion-card-content>
        <ion-list>
          <ion-item lines="none">
            <ion-label position="floating" class="label-login">账号</ion-label>
            <ion-input [(ngModel)]="username" placeholder="请输入用户名"></ion-input>
          </ion-item>
          <ion-item lines="none">
            <ion-label position="floating" class="label-login">密码</ion-label>
            <ion-input [(ngModel)]="password" type="password" placeholder="请输入密码"></ion-input>
          </ion-item>
        </ion-list>
      </ion-card-content>
    
      <ion-row class="ion-login">
        <ion-col size="6">
          <ion-button expand="block" (click)="login()" color="primary">登录</ion-button>
        </ion-col>
        <ion-col size="6">
          <ion-button expand="block" (click)="register()" color="primary">注册</ion-button>
        </ion-col>
      </ion-row>
  
      <!-- 返回按钮 -->
      <ion-row class="ion-back">
        <ion-col size="12">
          <ion-button expand="block" (click)="back()" color="primary">返回</ion-button>
        </ion-col>
      </ion-row>
      
    </ion-card>
  </div>
</ion-content>