公用底部导入

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