first commit

历届学生/front-end-team-11/项目开发/上课项目/name-of-your-project/src/page/about/about.jsx

@@ -0,0 +1,11 @@
+export default function About() {
+
+    return (
+        <>
+            <div className="about">
+                <h1>关于我</h1>
+            </div>
+        </>
+
+    )
+}

历届学生/front-end-team-11/项目开发/上课项目/name-of-your-project/src/page/home/home.jsx

@@ -0,0 +1,81 @@
+import style from './home.less'
+import { useState, useEffect } from 'react'
+import { useNavigate, Outlet } from "react-router-dom";
+import Header from "@/components/header/header";
+import { home } from "@/serve/_";
+import { Button } from 'react-vant';
+import { Tabs } from 'react-vant'
+
+export default function Home() {
+
+  // const navigate = useNavigate();
+
+  // const [news, setNews] = useState([
+  //   { id: 1, title: '你好1' },
+  //   { id: 2, title: '你好2' },
+  //   { id: 3, title: '你好3' },
+  // ])
+
+  // const [ isVip, setIsVip ] = useState(true)
+  // const [ params, setParams ] = useState({
+  //   phone: '15056042604',
+  //   pwd: ''
+  // })
+
+  const [state, setState] = useState({
+    data: []
+  })
+
+
+  useEffect(() => {
+
+    getHomeData()
+
+    return () => {
+      console.log("组件卸载时候执行");
+    }
+  }, [])
+
+  const getHomeData = async () => {
+    let res = await home()
+    setState({ data: res.list })
+  }
+
+  const enterInfo = (id) => {
+    setIsVip(!isVip)
+    // console.log(id);
+    // navigate("/info", { state: id })
+    // navigate(`/info/${id}`)
+  }
+
+  return (
+    <div className="home">
+      <h1>首页</h1>
+      
+      {/* <Tabs>
+        {[1, 2, 3, 4, 5, 6, 7, 8].map(item => (
+          <Tabs.TabPane key={item} title={`标签${item}`}>
+            内容 {item}
+          </Tabs.TabPane>
+        ))}
+      </Tabs>
+       */}
+
+      <Button type='danger'>Dangeer</Button>
+      <ul>
+        {
+          state.data.map(item => {
+            return (
+              <li key={item.id}>
+                <img src={item.img_src} alt="" />
+                <p>{item.title}</p>
+              </li>
+            )
+          })
+        }
+      </ul>
+
+
+    </div>
+  )
+}

历届学生/front-end-team-11/项目开发/上课项目/name-of-your-project/src/page/home/home.less

@@ -0,0 +1,5 @@
+.home {
+    h1 {
+        color: @red600;
+    }
+}

历届学生/front-end-team-11/项目开发/上课项目/name-of-your-project/src/page/info/info.jsx

@@ -0,0 +1,28 @@
+import { useState } from 'react'
+import { useLocation, useParams, useSearchParams } from 'react-router-dom';
+
+export default function Info() {
+    let [searchParams, setSearchParams] = useSearchParams();
+    let par = useParams()
+
+    const [ id, setId ] = useState(
+        par.id
+    )
+
+  
+    // let location = useLocation();
+
+   
+
+    // const id = location.state;
+
+    // console.log("location: ", location);
+    // console.log("searchParams: ", searchParams.get("id"));
+
+    return (
+        <div className="info">
+
+            详情 {id}
+        </div>
+    )
+}

历届学生/front-end-team-11/项目开发/上课项目/name-of-your-project/src/page/list/list.jsx

@@ -0,0 +1,8 @@
+export default function List () {
+
+    return (
+        <div>
+            列表
+        </div>
+    )
+}