zy-pc/src/app/views/login/login.component.html

<div class="login" *ngIf="!isSingleSignOn">
  <div class="loginBox">
    <!-- 标题 -->
    <div class="title">
      <img [src]="tool.logoUrl" [alt]="tool.logoTitle">
      <strong>{{tool.logoTitle}}</strong>
    </div>
    <!-- 登录表单 -->
    <div class="content">
      <div class="form_wrap">
        <p>用户登录</p>
        <div class="form">
          <form nz-form [formGroup]="validateForm" class="login-form">
            <nz-form-item>
              <nz-form-control nzErrorTip="请输入用户名!">
                <nz-input-group nzPrefixIcon="user">
                  <input class="inp" type="text" nz-input formControlName="userName" (keyup)="enterUp($event)"
                    placeholder="请输入用户名" autocomplete="new-password" />
                </nz-input-group>
              </nz-form-control>
            </nz-form-item>
            <nz-form-item>
              <nz-form-control nzErrorTip="请输入密码!">
                <nz-input-group nzPrefixIcon="lock">
                  <input class="inp" type="password" nz-input formControlName="password" (keyup)="enterUp($event)"
                    placeholder="请输入密码" autocomplete="new-password" />
                </nz-input-group>
              </nz-form-control>
            </nz-form-item>
            <label nz-checkbox formControlName="remember" class="mb8">
              <span>记住密码</span>
            </label>
          </form>
          <div class="loginBtn">
            <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="loading">确认</button>
          </div>
        </div>
        <div class="tips">
          推荐使用Google浏览器，其他浏览器可能出现兼容性问题
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="bottom">
      <span>@大势科技.[京ICO:143]</span>
      <strong>点击下载谷歌浏览器👉</strong>
      <a [href]="http.domain+'/chrome64/ChromeSetup32.exe'">win32</a>
      <a [href]="http.domain+'/chrome64/ChromeSetup64.exe'">win64</a>
    </div>
  </div>
</div>