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.
95 lines
2.3 KiB
95 lines
2.3 KiB
<section class="h-full flex items-center justify-center flex-col">
|
|
<div class="login">
|
|
<!-- <div>
|
|
<h1 class="text-center my-[25px]">
|
|
<img class="logo" [src]="'/assets/images/jl-logo.png'" />
|
|
|
|
</h1>
|
|
</div> -->
|
|
<div class="card shadow-2xl">
|
|
<div class="img"></div>
|
|
<div class="form py-5 px-10 flex-1">
|
|
<div class="text-left">
|
|
<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>
|
|
<lib-copyright class="mt-10"></lib-copyright>
|
|
</section>
|
|
|
|
<ng-template
|
|
#formErrorTipsTpl
|
|
let-control
|
|
>
|
|
<div class="text-left">
|
|
<form-error-tips [control]="control"></form-error-tips>
|
|
</div>
|
|
</ng-template>
|
|
|