- {/* 你还有没有登陆好吧！ */}
*/}
)
}
}
-export default Auth
\ No newline at end of file
+export default Auth
diff --git a/src/router/AuthRoute.tsx b/src/router/AuthRoute.tsx
new file mode 100644
index 0000000..2eb483e
--- /dev/null
+++ b/src/router/AuthRoute.tsx
@@ -0,0 +1,46 @@
+import { Component } from "react"
+// 高阶组件，就是对原来的组件进行封装
+import { Route } from "react-router-dom"
+
+interface IProps {
+ needAuth?: boolean
+ path: string
+ exact?: boolean
+ children: any
+}
+
+class Auth extends Component this.setState({ isLogin: true })}>你还有没有登陆好吧！
- {/*
+ {/* 你还有没有登陆好吧！ */}
+ */}
+
+ )
+ }
+}
+
+export default Auth
diff --git a/src/router/Loading.tsx b/src/router/Loading.tsx
new file mode 100644
index 0000000..2e495fd
--- /dev/null
+++ b/src/router/Loading.tsx
@@ -0,0 +1,51 @@
+import { createRef, ReactNode, useEffect, useState } from "react"
+import styled from "styled-components"
+
+interface IProps {}
+
+const LoadingComp = styled.div`
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: #00000033;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ z-index: 1000;
+ &:after {
+ content: "";
+ animation: aa 1.2s ease-in infinite;
+ }
+ @keyframes aa {
+ 0% {
+ content: "";
+ }
+
+ 25% {
+ content: ".";
+ }
+
+ 50% {
+ content: "..";
+ }
+
+ 100% {
+ content: "...";
+ }
+ }
+`
+
+export default function Loading(props: IProps): ReactNode {
+ const [show, setShow] = useState(false)
+ useEffect(() => {
+ const timeId = setTimeout(() => {
+ setShow(true)
+ }, 800)
+ return () => {
+ clearTimeout(timeId)
+ }
+ }, [])
+ return <>{show && this.setState({ isLogin: true })}>你还有没有登陆好吧！
+ {/* Lodeing.22..
-
/**
* 延时加载，示例：
* lazy(delay(() => import("@/views/Project"), 2000))
@@ -31,13 +29,19 @@ const routesArray = [
path: "/",
exact: true,
root: true,
- redirect: "/project",
+ redirect: "/home",
+ },
+ {
+ path: "/home",
+ component: lazy(() => import("@/views/Home")),
+ exact: false,
+ // loading: () =>
+
+
+ )
+})
diff --git a/src/views/PlayGround.tsx b/src/views/PlayGround.tsx
index c0ef26d..5f4ded7 100644
--- a/src/views/PlayGround.tsx
+++ b/src/views/PlayGround.tsx
@@ -1,6 +1,11 @@
+import withPage from "@/base/withPage"
-export default function PlayGround() {
- return <>
-
+ vaas
+
+ {children}
+ PlayGround
-
-}
\ No newline at end of file
+function PlayGround() {
+ return (
+ <>
+ PlayGround
+
+ )
+}
+
+export default withPage(PlayGround)
diff --git a/src/views/Project.tsx b/src/views/Project.tsx
index 2df155d..2c3a41b 100644
--- a/src/views/Project.tsx
+++ b/src/views/Project.tsx
@@ -1,13 +1,34 @@
+import withPage from "@/base/withPage"
+import { useHistory } from "react-router-dom"
+import styled from "styled-components"
-export default function Project(props: any) {
- console.log(props);
+const Title = styled.h1`
+ font-size: 1.5em;
+ text-align: center;
+ color: #bf4f74;
+`
- return <>
-
- Project
+const Wrapper = styled.section`
+ padding: 4em;
+ background: papayawhip;
+`
+
+export default withPage(function Project({ children }) {
+ const router = useHistory()
+ function toChild() {
+ router.push("/project/child")
+ }
+ return (
+ <>
+
+ Hello World!
+
-
-}
\ No newline at end of file
+
+ )
+})
diff --git a/src/viewsSys/404.tsx b/src/viewsSys/404.tsx
new file mode 100644
index 0000000..4ce13bc
--- /dev/null
+++ b/src/viewsSys/404.tsx
@@ -0,0 +1,12 @@
+import { LeftIn } from "@/effect"
+
+export default function Page404() {
+ return (
+
- {props?.children}
+
-
+ vaas
+
+ {children}
+
+ 404
+ {/* 
*/}
+
+
+ )
+}
diff --git a/src/viewsSys/404/Page404.tsx b/src/viewsSys/404/Page404.tsx
deleted file mode 100644
index df24ea0..0000000
--- a/src/viewsSys/404/Page404.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { LeftIn } from "@/effect"
-
-export default function Page404() {
- return (
- */}
+
-
-
-
-
- )
-}
diff --git a/vite.config.ts b/vite.config.ts
index fddb1a8..c2f38d9 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,13 +1,13 @@
-import { defineConfig } from 'vite'
-import { join } from 'path'
-import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from "vite"
+import { join } from "path"
+import react from "@vitejs/plugin-react-swc"
// https://vite.dev/config/
export default defineConfig({
- resolve: {
- alias: {
- "@": join(__dirname, "src"),
+ resolve: {
+ alias: {
+ "@": join(__dirname, "src"),
+ },
},
- },
- plugins: [react()],
+ plugins: [react()],
})
-