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.
39 lines
1.7 KiB
39 lines
1.7 KiB
<!--设置高度，添加bootstrap样式类d-flex align-items-center 使表单垂直居中，justify-content-center水平居中-->
|
|
<div [style]="height" class="d-flex align-items-center justify-content-center">
|
|
<form [formGroup]="loginForm" class="col-6">
|
|
|
|
<!-- 管理员名-->
|
|
<div class="input-group mb-3 mx-auto col-7">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">{{ 'login.manager_name' | translate }}</span>
|
|
</div>
|
|
<input autocomplete="managerName" type="text" class="form-control text-center"
|
|
[placeholder]="'tip.input' | translate:{value:'login.manager_name'|translate}" formControlName="managerName">
|
|
</div>
|
|
|
|
<!-- 管理员密码-->
|
|
<div class="input-group mb-3 mx-auto col-7">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">{{ 'login.password' | translate }}</span>
|
|
</div>
|
|
<input autocomplete="new-password" type="password" class="form-control text-center"
|
|
[placeholder]="'tip.input' | translate:{value:'login.manager_name'|translate}" formControlName="password">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-secondary" type="button"
|
|
[routerLink]="['/reset_pwd']">{{ 'button.forget_pwd' | translate }}</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-5 mx-auto text-center mb-3">
|
|
<!-- 登陆按钮-->
|
|
<button type="button" (click)="login()" class="btn btn-primary btn-lg">{{ 'button.login' | translate }}</button>
|
|
<!-- 注册按钮 -->
|
|
<button type="button" class="btn btn-info btn-lg ml-3"
|
|
[routerLink]="['/register']">{{ 'button.register' | translate }}</button>
|
|
</div>
|
|
|
|
<app-message></app-message>
|
|
|
|
</form>
|
|
</div>
|
|
|