公用底部导入

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