202226701011/FitMind-app/src/app/user/modal-user-login/modal-user-login.component.html

<!-- 用户登录状态 -->
<ion-card>
  <ion-card-header>
    <ion-card-title>
     <ion-segment [value]="type" (ionChange)="typeChange($event)">
       <ion-segment-button value="login">
         <ion-label>登录</ion-label>
       </ion-segment-button>
       <ion-segment-button value="signup">
         <ion-label>注册</ion-label>
       </ion-segment-button>
     </ion-segment>
    </ion-card-title>
    <ion-card-subtitle>请输入账号密码</ion-card-subtitle>
   </ion-card-header>
 <ion-card-content>

   <ion-item>
     <ion-input [value]="username" (ionChange)="usernameChange($event)" label="账号" placeholder="请您输入账号/手机号"></ion-input>
   </ion-item>
   <ion-item>
     <ion-input [value]="password" (ionChange)="passwordChange($event)" label="密码" type="password" value="password"></ion-input>
   </ion-item>
   @if(type=="signup"){
     <ion-item>
       <ion-input [value]="password2" (ionChange)="password2Change($event)" label="密码二次" type="password" value="password"></ion-input>
     </ion-item>
   }
 
   @if(type=="login"){
     <ion-button expand="block" (click)="login()">登录</ion-button>
   }
   @if(type=="signup"){
     <ion-button expand="block" (click)="signup()">注册</ion-button>
   }

</ion-card-content>
</ion-card>