login.page.html 989 B

12345678910111213141516171819202122232425262728
  1. <ion-header [translucent]="true">
  2.   <ion-toolbar>
  3.     <ion-title>login</ion-title>
  4.   </ion-toolbar>
  5. </ion-header>
  6. <ion-content class="ion-text-center">
  7.   <ion-card>
  8.     <ion-card-header>
  9.       登录
  10.     </ion-card-header>
  11.     <ion-card-content>
  12.       <ion-item>
  13.         <ion-label position="floating">用户名</ion-label>
  14.         <ion-input type="text" [(ngModel)]="username"></ion-input>
  15.       </ion-item>
  16.       <ion-item>
  17.         <ion-label position="floating">密码</ion-label>
  18.         <ion-input type="password" [(ngModel)]="password"></ion-input>
  19.       </ion-item>
  20.       <ion-button expand="full" (click)="goToFirst()">登录</ion-button>
  21.       <ion-button expand="full" (click)="goToRegister()">注册</ion-button>
  22.       <ion-text *ngIf="loginFailed" color="danger">登录失败</ion-text>
  23.     </ion-card-content>
  24.   </ion-card>
  25. </ion-content>