auseft.platform.datav/src/app/routes/passport/login/login.component.html

<div class="login-container">
  <div class="head">
    <img class="logo" src="./assets/lh-logo.png" />
    <span class="title">国家电投临河电厂全过程智能燃料管理系统</span>
  </div>
  <div class="login-form">
    <form nz-form [formGroup]="form" (ngSubmit)="submit()" role="form">
      @if (error) {
      <nz-alert [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg" />
      }
      <nz-form-item>
        <nz-form-control nzErrorTip="Please enter user, admin">
          <nz-input-group nzSize="large" nzPrefixIcon="user" style="color: #515151;">
            <input nz-input formControlName="userName" placeholder="登录账户" style="color: #515151;" />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control nzErrorTip="Please enter password, 1q2w3E*">
          <nz-input-group nzSize="large" nzPrefixIcon="lock" style="color: #515151;">
            <input nz-input type="password" formControlName="password" placeholder="登录密码" style="color: #515151;" />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <button nz-button type="submit" nzType="primary" nzSize="large" [nzLoading]="loading" nzBlock> 登录 </button>
      </nz-form-item>
    </form>
  </div>
</div>



<ng-template #coverTemplate>
  <img style="height: 100px;" alt="example" src="assets/bg2.jpg" />
</ng-template>

<!-- <div class="other">
  其他登录方式
  <i nz-tooltip nzTooltipTitle="in fact Auth0 via window" (click)="open('auth0', 'window')" nz-icon nzType="alipay-circle" class="icon"></i>
  <i nz-tooltip nzTooltipTitle="in fact Github via redirect" (click)="open('github')" nz-icon nzType="taobao-circle" class="icon"></i>
  <i (click)="open('weibo', 'window')" nz-icon nzType="weibo-circle" class="icon"></i>
  <a class="register" routerLink="/passport/register">注册账户</a>
</div> -->