公用底部导入

src/App.scss

@@ -1,7 +1,7 @@
 #root {
   width: 100%;
   margin: 0 auto;
-  // text-align: center;
+  text-align: center;
 }
 
 .logo {

src/compenents/footer/index.tsx

@@ -6,10 +6,9 @@ export const Footer: React.FC = () => {
     <Layout.Footer
       style={{
         width: "100%",
-        backgroundColor: "#ffffff",
-        height: 130,
+        backgroundColor: "#333333",
+        height: 90,
         textAlign: "center",
-        paddingBottom: 100,
       }}
     >
       <i

src/compenents/index.ts

@@ -1,3 +1,4 @@
 export * from "./footer";
+export * from "./no-footer";
 export * from "./no-header";
 export * from "./header";

src/compenents/no-footer/index.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { Layout } from "antd";
+
+export const NoFooter: React.FC = () => {
+  return (
+    <Layout.Footer
+      style={{
+        width: "100%",
+        backgroundColor: "#ffffff",
+        height: 130,
+        textAlign: "center",
+        paddingBottom: 100,
+      }}
+    >
+      <i
+        style={{ fontSize: 30, color: "#cccccc" }}
+        className="iconfont icon-waterprint"
+      ></i>
+    </Layout.Footer>
+  );
+};

src/pages/index/index.module.scss

@@ -74,3 +74,16 @@
   grid-template-columns: repeat(3, minmax(0, 1fr));
   position: relative;
 }
+
+.extra {
+  width: 1200px;
+  margin: 0 auto;
+  margin-top: 80px;
+  margin-bottom: 80px;
+  text-align: center;
+  height: 40px;
+  font-size: 16px;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.2);
+  line-height: 40px;
+}

src/pages/index/index.tsx

@@ -206,6 +206,7 @@ const IndexPage = () => {
           ))}
         </div>
       )}
+      <div className={styles["extra"]}>~莫道桑榆晚，为霞尚满天~</div>
     </>
   );
 };

src/pages/init/index.tsx

@@ -2,7 +2,7 @@ import { useDispatch } from "react-redux";
 import { Outlet } from "react-router-dom";
 import styles from "./index.module.scss";
 import { saveConfigAction } from "../../store/system/systemConfigSlice";
-import { Header, NoHeader } from "../../compenents";
+import { Header, NoHeader, Footer } from "../../compenents";
 import { useLocation } from "react-router-dom";
 
 interface Props {
@@ -20,6 +20,7 @@ export const InitPage = (props: Props) => {
         {pathname === "/login" && <NoHeader></NoHeader>}
         {pathname !== "/login" && <Header></Header>}
         <Outlet />
+        {pathname !== "/login" && <Footer></Footer>}
       </div>
     </>
   );

src/pages/login/index.tsx

@@ -7,7 +7,7 @@ import { useNavigate } from "react-router-dom";
 import { loginAction, logoutAction } from "../../store/user/loginUserSlice";
 import { login, system, user } from "../../api/index";
 import { setToken } from "../../utils/index";
-import { Footer } from "../../compenents";
+import { NoFooter } from "../../compenents";
 
 const LoginPage: React.FC = () => {
   const dispatch = useDispatch();
@@ -156,7 +156,7 @@ const LoginPage: React.FC = () => {
         </div>
       </div>
       <div className={styles["footer"]}>
-        <Footer></Footer>
+        <NoFooter></NoFooter>
       </div>
     </div>
   );