首页概览引入底部组件

src/compenents/footer/index.tsx

@@ -1,32 +1,21 @@
 import React from "react";
-import { Layout, Typography } from "antd";
+import { Layout } from "antd";
 
 export const Footer: React.FC = () => {
   return (
     <Layout.Footer
-      style={{ backgroundColor: "#0F0A1E", height: 103, paddingTop: 30 }}
+      style={{
+        width: "100%",
+        backgroundColor: "#F6F6F6",
+        height: 232,
+        paddingTop: 80,
+        textAlign: "center",
+      }}
     >
-      <Typography.Title
+      <i
-        style={{
+        style={{ fontSize: 30, color: "#cccccc" }}
-          textAlign: "center",
+        className="iconfont icon-waterprint"
-          fontSize: 12,
+      ></i>
-          color: "#FFFFFF",
-          opacity: 0.3,
-        }}
-      >
-        © 2021 PlayEdu • 粤ICP备20026280号-01
-      </Typography.Title>
-      <Typography.Title
-        style={{
-          textAlign: "center",
-          fontSize: 12,
-          color: "#FFFFFF",
-          opacity: 0.3,
-          marginTop: 19,
-        }}
-      >
-        Powered By 杭州白书科技
-      </Typography.Title>
     </Layout.Footer>
   );
 };

src/pages/dashboard/compenents/pie.tsx

@@ -1,40 +0,0 @@
-import React, { useState, useEffect } from "react";
-import ReactDOM from "react-dom/client";
-import { Pie } from "@ant-design/plots";
-
-const root = ReactDOM.createRoot(
-  document.getElementById("root") as HTMLElement
-);
-export const DemoPie = () => {
-  const data = [
-    { type: "视频数", value: 27 },
-    { type: "图片数", value: 25 },
-  ];
-  const config = {
-    appendPadding: 10,
-    data,
-    angleField: "value",
-    colorField: "type",
-    radius: 1,
-    innerRadius: 0.6,
-    label: {
-      type: "inner",
-      offset: "-50%",
-      content: "{value}",
-      style: { textAlign: "center", fontSize: 14 },
-    },
-    interactions: [{ type: "element-selected" }, { type: "element-active" }],
-    statistic: {
-      content: {
-        style: {
-          whiteSpace: "pre-wrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-        },
-        content: "总资源数",
-      },
-    },
-  };
-  return <Pie {...config} />;
-};
-root.render(<DemoPie />);

src/pages/dashboard/index.tsx

@@ -7,6 +7,7 @@ import icon from "../../assets/images/dashboard/icon-more.png";
 import iconN1 from "../../assets/images/dashboard/icon-n1.png";
 import iconN2 from "../../assets/images/dashboard/icon-n2.png";
 import iconN3 from "../../assets/images/dashboard/icon-n3.png";
+import { Footer } from "../../compenents/footer";
 
 export const Dashboard: React.FC<any> = () => {
   const navigate = useNavigate();
@@ -314,6 +315,7 @@ export const Dashboard: React.FC<any> = () => {
             </div>
           </div>
         </Col>
+        <Footer></Footer>
       </Row>
     </>
   );