初步框架

src/pages/home/HomePage.module.css

@@ -0,0 +1,8 @@
+.page-content {
+    width: 1200px;
+    min-height: calc(100vh - 173px);
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 30px;
+    margin-bottom: 100px;
+  }

src/pages/home/HomePage.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import styles from "./HomePage.module.css";
+import { Header, Footer } from "../../compenents";
+
+export const HomePage: React.FC = () => {
+  return (
+    <>
+      <Header></Header>
+      <div className={styles["page-content"]}>主页</div>
+      <Footer></Footer>
+    </>
+  );
+};

src/pages/home/index.ts

@@ -0,0 +1 @@
+export * from "./HomePage";

src/pages/index.ts

@@ -0,0 +1,2 @@
+export * from "./home";
+export * from "./login";

src/pages/login/Login.tsx

@@ -0,0 +1,6 @@
+import React from "react";
+import styles from "./Login.module.css";
+
+export const Login: React.FC = () => {
+  return <h1>登录页面</h1>;
+};

src/pages/login/index.ts

@@ -0,0 +1 @@
+export * from "./Login";