<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button (click)="goBack()" fill="clear" color="dark">
                <ion-icon name="chevron-back-outline" size="small"></ion-icon>返回
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content color="light">
    <div class="login-modal">
        <ion-card>
            <ion-card-header>
                <ion-card-title>登录</ion-card-title>
                <ion-card-subtitle>该页面需登录可继续使用</ion-card-subtitle>
            </ion-card-header>

            <ion-card-content>
                <ion-input [(ngModel)]="userData.username" placeholder="账号/手机" [clearInput]="true" [counter]="true"
                    maxlength="11">
                </ion-input>
                <ion-input [(ngModel)]="userData.password" placeholder="密码" [clearInput]="true" [counter]="true"
                    maxlength="20" type="password">
                   
                </ion-input>
            </ion-card-content>
            <ion-button expand="block" (click)="login()">登录</ion-button>
        </ion-card>
    </div>
    <ion-list [inset]="true">
        <ion-item>
            <ion-label class="register-modal">
                未有账号？请选择<ion-button fill="outline" color="dark" (click)="goRegister()" class="register">
                    注册一下
                </ion-button>
            </ion-label>
        </ion-item>
    </ion-list>
</ion-content>
<ng-container *ngIf="false">

    请输入用户名：{{userData.username}} <br />

    <input [(ngModel)]="userData.username" type="text" /><br />

    请输入密码：{{userData.password}}<br />
    <input [(ngModel)]="userData.password" type="password" /><br />

    <button (click)="login()">登录</button>

</ng-container>