From a5d579d3e7cfefcb7c03162a43b822ae3e408639 Mon Sep 17 00:00:00 2001
From: unknown <18119604035@163.com>
Date: Tue, 26 Sep 2023 21:42:18 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E9=99=86=E9=A1=B5=E9=9D=A2=E6=B0=B4?=
 =?UTF-8?q?=E5=8D=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/compenents/footer/index.tsx   | 8 ++++++--
 src/pages/login/index.module.less | 9 +++++++++
 src/pages/login/index.tsx         | 4 ++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/compenents/footer/index.tsx b/src/compenents/footer/index.tsx
index aa52911..8c78d4f 100644
--- a/src/compenents/footer/index.tsx
+++ b/src/compenents/footer/index.tsx
@@ -2,12 +2,16 @@ import React from "react";
 import { Layout } from "antd";
 import { Link } from "react-router-dom";
 
-export const Footer: React.FC = () => {
+interface PropInterface {
+  type?: string;
+}
+
+export const Footer: React.FC<PropInterface> = ({ type }) => {
   return (
     <Layout.Footer
       style={{
         width: "100%",
-        backgroundColor: "#F6F6F6",
+        background: type === "none" ? "none" : "#F6F6F6",
         height: 166,
         paddingTop: 80,
         textAlign: "center",
diff --git a/src/pages/login/index.module.less b/src/pages/login/index.module.less
index 596cb1a..d48ece2 100644
--- a/src/pages/login/index.module.less
+++ b/src/pages/login/index.module.less
@@ -13,6 +13,15 @@
       height: 640px;
     }
   }
+  .footer-box {
+    width: 880px;
+    height: auto;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-left: -440px;
+    margin-top: 280px;
+  }
   .login-box {
     width: 880px;
     height: 560px;
diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx
index d687553..bb492c1 100644
--- a/src/pages/login/index.tsx
+++ b/src/pages/login/index.tsx
@@ -13,6 +13,7 @@ import {
   SystemConfigStoreInterface,
   saveConfigAction,
 } from "../../store/system/systemConfigSlice";
+import { Footer } from "../../compenents/footer";
 
 const LoginPage = () => {
   const dispatch = useDispatch();
@@ -126,6 +127,9 @@ const LoginPage = () => {
           </div>
         </div>
       </div>
+      <div className={styles["footer-box"]}>
+        <Footer type="none"></Footer>
+      </div>
     </div>
   );
 };