s202226701053/E-Cover-app/src/lib/user/modal-user-login-main/modal-user-login-main.component.html

<ion-content>
  <ion-icon name="arrow-back-outline" size="large" class="back" (click)="goBack()"></ion-icon>
  <img class="logo" src="assets/login/logo.png" alt="logo">

  @if(loginType=='phone'){
  <p>请输入以下信息</p>
  <div>
    <ion-input class="input" type="tel" [(ngModel)]="phoneNumber" (input)="onPhoneNumberChange()" placeholder="请输入手机号"
      shape="round"></ion-input>
  </div>
  <div>
    <ion-input class="input" type="num" [(ngModel)]="verCode" (input)="onVerCodeChange()" placeholder="请输入验证码"
      shape="round">
      <ion-button slot="end" (click)="getVerCode()" [disabled]="!isVerCodeEnabled">验证码</ion-button>
    </ion-input>
  </div>
  <div>
    <ion-input class="input" type="text" [(ngModel)]="username" placeholder="请输入用户名" shape="round"></ion-input>
  </div>
  <div>
    <ion-input class="input" type="password" [(ngModel)]="password" placeholder="请输入密码" shape="round"></ion-input>
  </div>

  <ion-button id="login" expand="block" shape="round" (click)="signByPhone()" [disabled]="!isLoginButtonEnabled">
    登录
  </ion-button>
  }
  @if(loginType=='username'){
    <p>如需注册请使用手机号登录</p>
  <div>
    <ion-input class="input" [(ngModel)]="username" placeholder="请输入用户名" shape="round"></ion-input>
  </div>
  <div>
    <ion-input class="input" type="password" [(ngModel)]="password" placeholder="请输入密码" shape="round"></ion-input>
  </div>

  <ion-button id="login" expand="block" shape="round" (click)="loginByUsername()">
    登录
  </ion-button>
  }

</ion-content>