!13 优化

Merge pull request !13 from 白书科技/fix/0926

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",

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;

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