login.page.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <ion-header [translucent]="true">
  2. <ion-toolbar>
  3. <ion-title>登录/注册</ion-title>
  4. </ion-toolbar>
  5. </ion-header>
  6. <ion-content [fullscreen]="true">
  7. <ion-header collapse="condense">
  8. <ion-toolbar>
  9. <ion-title size="large">登录/注册</ion-title>
  10. </ion-toolbar>
  11. </ion-header>
  12. <ion-card>
  13. <ion-card-header>
  14. <ion-card-title>登录/注册</ion-card-title>
  15. </ion-card-header>
  16. <ion-card-content>
  17. <ion-list [inset]="true">
  18. <ion-item>
  19. <ion-input [(ngModel)]="username" label="账号" placeholder="请输入用户名"></ion-input>
  20. </ion-item>
  21. <ion-item>
  22. <ion-input [(ngModel)]="password" label="密码" type="password" placeholder="请输入密码"></ion-input>
  23. </ion-item>
  24. </ion-list>
  25. </ion-card-content>
  26. <ion-button (click)="login()" fill="clear">登录</ion-button>
  27. <ion-button (click)="register()" fill="clear">注册</ion-button>
  28. </ion-card>
  29. <!-- 新增路由返回逻辑,执行back函数 -->
  30. <ion-button expand="block" (click)="back()">返回</ion-button>
  31. </ion-content>