page-login.component.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-buttons slot="start">
  4. <ion-button (click)="goBack()" fill="clear" color="dark">
  5. <ion-icon name="chevron-back-outline" size="small"></ion-icon>返回
  6. </ion-button>
  7. </ion-buttons>
  8. </ion-toolbar>
  9. </ion-header>
  10. <ion-content color="light">
  11. <div class="login-modal">
  12. <ion-card>
  13. <ion-card-header>
  14. <ion-card-title>登录</ion-card-title>
  15. <ion-card-subtitle>该页面需登陆可继续使用</ion-card-subtitle>
  16. </ion-card-header>
  17. <ion-card-content>
  18. <ion-input [(ngModel)]="userData.username" placeholder="账号/手机" [clearInput]="true" [counter]="true"
  19. maxlength="11">
  20. </ion-input>
  21. <ion-input [(ngModel)]="userData.password" placeholder="密码" [clearInput]="true" [counter]="true"
  22. maxlength="20" type="password">
  23. </ion-input>
  24. </ion-card-content>
  25. <ion-button expand="block" (click)="login()">登录</ion-button>
  26. </ion-card>
  27. </div>
  28. <ion-list [inset]="true">
  29. <ion-item>
  30. <ion-label class="register-modal">
  31. 未有账号?请选择<ion-button fill="outline" color="dark" (click)="goRegister()" class="register">
  32. 注册一下
  33. </ion-button>
  34. </ion-label>
  35. </ion-item>
  36. </ion-list>
  37. </ion-content>
  38. <ng-container *ngIf="false">
  39. 请输入用户名:{{userData.username}} <br />
  40. <input [(ngModel)]="userData.username" type="text" /><br />
  41. 请输入密码:{{userData.password}}<br />
  42. <input [(ngModel)]="userData.password" type="password" /><br />
  43. <button (click)="login()">登录</button>
  44. </ng-container>