|  |  |  | 
|---|
|  |  |  | <nz-alert *ngIf="error" [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg"></nz-alert> | 
|---|
|  |  |  | <div nz-form-item> | 
|---|
|  |  |  | <div nz-form-control [nzValidateStatus]="userName"> | 
|---|
|  |  |  | <nz-input formControlName="userName" [nzPlaceHolder]="'admin'" [nzSize]="'large'"> | 
|---|
|  |  |  | <nz-input formControlName="userName" [nzSize]="'large'"> | 
|---|
|  |  |  | <ng-template #prefix> | 
|---|
|  |  |  | <i class="anticon anticon-user"></i> | 
|---|
|  |  |  | </ng-template> | 
|---|
|  |  |  | 
|---|
|  |  |  | <ng-container *ngIf="userName.dirty || userName.touched"> | 
|---|
|  |  |  | <p nz-form-explain *ngIf="userName.errors?.required">请输入账户名!</p> | 
|---|
|  |  |  | <p nz-form-explain *ngIf="userName.errors?.minlength">至少五个字符</p> | 
|---|
|  |  |  | </ng-container> | 
|---|
|  |  |  | </ng-container> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-form-item> | 
|---|
|  |  |  | <div nz-form-control [nzValidateStatus]="password"> | 
|---|
|  |  |  | <nz-input formControlName="password" [nzPlaceHolder]="'888888'" [nzType]="'password'" [nzSize]="'large'"> | 
|---|
|  |  |  | <nz-input formControlName="password" [nzType]="'password'" [nzSize]="'large'"> | 
|---|
|  |  |  | <ng-template #prefix> | 
|---|
|  |  |  | <i class="anticon anticon-lock"></i> | 
|---|
|  |  |  | </ng-template> | 
|---|
|  |  |  | 
|---|
|  |  |  | </label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-col [nzSpan]="12" class="text-right"> | 
|---|
|  |  |  | <a class="forgot" (click)="msg.error('请找欧阳锋')">忘记密码?</a> | 
|---|
|  |  |  | <a class="forgot" (click)="msg.error('开发中,敬请期待')">忘记密码?</a> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-form-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | <span>登录</span> | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </form> | 
|---|
|  |  |  | </form> | 
|---|