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>
   );
 };