login.component.html

<div class="background">
    <div class="login-center">
        <div class="login-logo">
            <img src="../../../content/images/logo.png" alt="智能监控平台">
        </div>
        <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
            <nz-form-item>
                <nz-form-control>
                    <nz-input-group nzPrefixIcon="anticon anticon-user">
                        <input (keyup.enter)="submitForm()" type="text" name="username" formControlName="loginName" nz-input  placeholder="用户名">
                    </nz-input-group>
                    <nz-form-explain *ngIf="validateForm.get('loginName').dirty && validateForm.get('loginName').errors">请输入登录用户名!</nz-form-explain>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-control>
                    <nz-input-group nzPrefixIcon="anticon anticon-lock">
                        <input (keyup.enter)="submitForm()" type="password" name="password" formControlName="password" nz-input  placeholder="密码">
                    </nz-input-group>
                    <nz-form-explain *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors">请输入用户密码!</nz-form-explain>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item style="text-align: center">
                <nz-form-control>
                        <img class="cursor" (click)="submitForm()"  style="width: 100%;height: 52px;" src="../../../content/images/btn.png" alt=" 登录">
                </nz-form-control>
            </nz-form-item>
            <nz-form-item style="text-align: center;margin-top: -24px">
                <nz-spin [nzSpinning]="isSpinning"  nzTip='登录中...'></nz-spin>
            </nz-form-item>
        </form>
    </div>
</div>