vibe-coding-labs
diff --git a/‎index.html‎
Lines changed: 1 addition & 1 deletion b/‎index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎package-lock.json‎
Lines changed: 12 additions & 12 deletions b/‎package-lock.json‎
Lines changed: 12 additions & 12 deletions
diff --git a/‎package.json‎
Lines changed: 1 addition & 1 deletion b/‎package.json‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/App.tsx‎
Lines changed: 24 additions & 20 deletions b/‎src/App.tsx‎
Lines changed: 24 additions & 20 deletions
diff --git a/‎src/assets/cc11001100-weixin.png‎
332 KB b/‎src/assets/cc11001100-weixin.png‎
332 KB
diff --git a/‎src/assets/qq-group-qrcode.jpg‎
409 KB b/‎src/assets/qq-group-qrcode.jpg‎
409 KB
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>AI辅助写代码提示词构造器</title>
   </head>
   <body>
     <div id="root"></div>
 
@@ -12,7 +12,7 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.3",
+    "@mui/icons-material": "^6.4.4",
     "@mui/material": "^6.4.3",
     "@reduxjs/toolkit": "^2.5.1",
     "@types/node": "^22.13.1",
 
@@ -1,31 +1,35 @@
+// src/App.tsx
 import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';
 import Home from './pages/Home';
 import About from './pages/About';
+import ProfileList from './pages/ProfileList';
+import { AppBar, Toolbar, Container } from '@mui/material';
 
 export default function App() {
     return (
         <Router>
-            <div className="app-container">
-                {/* 顶部导航栏 */}
-                <nav className="top-nav">
-                    <ul>
-                        <li>
-                            <Link to="/">Home</Link>
-                        </li>
-                        <li>
-                            <Link to="/about">About</Link>
-                        </li>
-                    </ul>
-                </nav>
+            <AppBar position="static">
+                <Toolbar>
+                    <Link to="/" style={{ textDecoration: 'none', color: 'white', marginRight: 20 }}>
+                        首页
+                    </Link>
+                    {/*<Link to="/profiles" style={{ textDecoration: 'none', color: 'white', marginRight: 20 }}>*/}
+                    {/*    Profile列表*/}
+                    {/*</Link>*/}
+                    <Link to="/about" style={{ textDecoration: 'none', color: 'white' }}>
+                        关于
+                    </Link>
+                </Toolbar>
+            </AppBar>
 
-                {/* 路由内容 */}
-                <div className="content">
-                    <Routes>
-                        <Route path="/" element={<Home />} />
-                        <Route path="/about" element={<About />} />
-                    </Routes>
-                </div>
-            </div>
+            <Container maxWidth="xl" sx={{ mt: 3 }}>
+                <Routes>
+                    <Route path="/" element={<Home />} />
+                    <Route path="/profiles" element={<ProfileList />} />
+                    <Route path="/profile/:id" element={<Home />} />
+                    <Route path="/about" element={<About />} />
+                </Routes>
+            </Container>
         </Router>
     );
 }