update

projects/textbook/src/modules/login/login/login.component.html

@@ -19,50 +19,48 @@
       class="login-form"
       (ngSubmit)="submitForm()"
     >
-      <nz-form-item>
+      <nz-form-item style="margin-bottom: 6px;">
         <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="user">用户名</nz-form-label>
-        <nz-form-control nzErrorTip="请输入你的用户名">
-          <nz-input-group nzPrefixIcon="user">
+        <nz-form-control>
+          <nz-input-group>
             <input
               type="text"
               nz-input
               formControlName="userName"
-              placeholder="用户名/手机号"
+              placeholder="请输入用户名"
             />
           </nz-input-group>
         </nz-form-control>
       </nz-form-item>
-      <nz-form-item>
+      <nz-form-item style="margin-bottom: 6px;">
         <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="password">密码</nz-form-label>
-        <nz-form-control nzErrorTip="请输入你的密码">
-          <nz-input-group nzPrefixIcon="lock">
+        <nz-form-control>
+          <nz-input-group>
             <input
               type="password"
               nz-input
               formControlName="password"
-              placeholder="密码"
+              placeholder="请输入密码"
             />
           </nz-input-group>
         </nz-form-control>
       </nz-form-item>
-      <nz-form-item>
+      <nz-form-item style="margin-bottom: 6px;">
         <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="code">验证码</nz-form-label>
-        <nz-form-control nzErrorTip="请输入验证码">
-          <nz-input-group nzPrefixIcon="lock">
+        <nz-form-control>
+          <nz-input-group>
             <input
               type="text"
               nz-input
               formControlName="code"
-              placeholder="验证码"
+              placeholder="请输入验证码"
             />
           </nz-input-group>
         </nz-form-control>
       </nz-form-item>
       <div nz-row class="login-form-margin">
         <div nz-col [nzSpan]="12">
-          <!-- <label nz-checkbox formControlName="remember">
-            <span>Remember me</span>
-          </label> -->
+          <a class="login-form-left">立即注册</a>
         </div>
         <div nz-col [nzSpan]="12">
           <a class="login-form-forgot">忘记密码</a>
@@ -70,7 +68,7 @@
       </div>
       <button
         nz-button
-        class="login-form-button login-form-margin"
+        class="login-form-button"
         [nzType]="'primary'"
       >
         登录

projects/textbook/src/modules/login/login/login.component.scss

@@ -25,20 +25,27 @@
   .form {
     width: 300px;
     padding: 10px;
+    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+    .title{
+      text-align: left;
+      margin-bottom: 6px;
+      font-size: 14px;
+      font-weight: 600;
+    }
     .login-form {
       max-width: 300px;
     }
-
-    .login-form-margin {
-      margin-bottom: 16px;
+    .login-form-left{
+      float: left;
     }
-
     .login-form-forgot {
       float: right;
     }
-
+    .login-form-margin{
+      margin-bottom: 8px;
+    }
     .login-form-button {
-      width: 100%;
+      width: 90%;
     }
   }
 }

projects/textbook/src/modules/login/login/login.component.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { NzFormModule } from 'ng-zorro-antd/form';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Router } from '@angular/router';
 import {
   FormControl,
   FormGroup,
@@ -57,10 +58,11 @@ export class LoginComponent {
     name: '国家级管理员',
     type: 1,
   };
-  constructor(private fb: NonNullableFormBuilder) {}
+  constructor(private fb: NonNullableFormBuilder, public router: Router) {}
   submitForm(): void {
     if (this.validateForm.valid) {
       console.log('submit', this.validateForm.value);
+      this.router.navigate(["/admin"])
     } else {
       Object.values(this.validateForm.controls).forEach((control) => {
         if (control.invalid) {