|  |  | 
 |  |  |     <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> |