You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
3.0 KiB
65 lines
3.0 KiB
<section class="h-full ">
|
|
<div class="login">
|
|
<!-- <div>
|
|
<h1 class="text-center my-[25px]">
|
|
<img class="logo" [src]="'/assets/images/jl-logo.png'" />
|
|
|
|
</h1>
|
|
</div> -->
|
|
<div class="card ">
|
|
<div class="img flex items-center justify-center">
|
|
<img src="assets/images/login.png" />
|
|
</div>
|
|
<div class="form py-5 px-10 flex-1">
|
|
<div class="form-inner">
|
|
<h2 class="mt-4 text-3xl font-bold">{{appName}}</h2>
|
|
<h3 class="mt-10 text-xl">登录</h3>
|
|
|
|
<form nz-form [formGroup]="loginForm" class="mt-10">
|
|
<nz-form-item>
|
|
<nz-form-control [nzErrorTip]="formErrorTipsTpl">
|
|
<nz-input-group [nzPrefix]="prefixTemplateUser" nzSize="large">
|
|
<input nz-input nzSize="large" placeholder="账户" formControlName="uid" />
|
|
</nz-input-group>
|
|
<ng-template #prefixTemplateUser>
|
|
<span nz-icon nzType="user"></span>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
</ng-template>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
<nz-form-item>
|
|
<nz-form-control [nzErrorTip]="formErrorTipsTpl">
|
|
<nz-input-group [nzPrefix]="prefixTemplatePassword" nzSize="large">
|
|
<input nz-input type="password" placeholder="密码" formControlName="pwd" />
|
|
</nz-input-group>
|
|
<ng-template #prefixTemplatePassword>
|
|
<span nz-icon nzType="lock"></span>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
</ng-template>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
<nz-form-item>
|
|
<nz-form-control>
|
|
<button nz-button
|
|
nzType="primary"
|
|
nzBlock
|
|
class="btn"
|
|
nzSize="large"
|
|
(click)="onLogin()"
|
|
[nzLoading]="loading">
|
|
登录
|
|
</button>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<ng-template #formErrorTipsTpl let-control>
|
|
<div class="text-left">
|
|
<form-error-tips [control]="control"></form-error-tips>
|
|
</div>
|
|
</ng-template>
|