login.page.html 968 B

123456789101112131415161718192021222324252627282930313233
  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-card>
  8. <ion-card-header>
  9. <ion-card-title>登录/注册</ion-card-title>
  10. </ion-card-header>
  11. <ion-card-content>
  12. <ion-list [inset]="true">
  13. <ion-item>
  14. <ion-input [(ngModel)]="username" label="账号" placeholder="请输入用户名"></ion-input>
  15. </ion-item>
  16. <ion-item>
  17. <ion-input [(ngModel)]="password" label="密码" type="password" placeholder="请输入密码"></ion-input>
  18. </ion-item>
  19. </ion-list>
  20. </ion-card-content>
  21. <ion-button (click)="login()" fill="clear">登录</ion-button>
  22. <ion-button (click)="register()" fill="clear">注册</ion-button>
  23. </ion-card>
  24. <!-- 新增路由返回逻辑,执行back函数 -->
  25. <ion-button expand="block" (click)="back()">返回</ion-button>
  26. </ion-content>