登录初步

src/compenents/footer/index.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { Layout } from "antd";
+
+export const Footer: 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/compenents/index.ts

@@ -0,0 +1,2 @@
+export * from "./footer";
+export * from "./no-header";

src/compenents/no-header/index.module.scss

@@ -0,0 +1,29 @@
+.app-header {
+  background-color: #f6f6f6;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  /* Firefox */
+  -webkit-box-sizing: border-box;
+  /* Safari */
+  padding: 0px 24px;
+}
+
+.main-header {
+  width: 1200px;
+  height: 60px;
+  line-height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0 auto;
+}
+
+.App-logo {
+  width: 124px;
+  height: 40px;
+}
+
+.top-main {
+  display: flex;
+  align-items: center;
+}

src/compenents/no-header/index.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import styles from "./index.module.scss";
+import { useDispatch } from "react-redux";
+import { useNavigate } from "react-router-dom";
+import { Image } from "antd";
+import logo from "../../assets/logo.png";
+
+export const NoHeader: React.FC = () => {
+  const dispatch = useDispatch();
+  const navigate = useNavigate();
+
+  return (
+    <div className={styles["app-header"]}>
+      <div className={styles["main-header"]}>
+        <img src={logo} className={styles["App-logo"]} />
+      </div>
+    </div>
+  );
+};