X-Lab 官方网站 (ZJU)

---

🚀 快速开始

1. 环境准备

确保你的电脑已安装 Node.js (建议版本 v18.17 或更高)。

2. 安装依赖

在项目根目录下打开终端，运行以下命令：

npm install

3. 启动开发服务器

运行以下命令启动本地预览：

npm run dev

启动后，在浏览器访问 http://localhost:3000 即可查看效果。

---

📅 开发计划

目前我们正处于 第一周：骨架与静态还原阶段。以下是开发计划的具体内容：

• 项目基础架子：Next.js + Tailwind + 目录规范配置完成。
• 项目框架搭建：完成了首页、关于页、项目页的基本路由和静态布局。
• 界面美化：根据设计稿调整样式，确保视觉效果与设计一致。
• 动效实现：实现运营团队要求的三环旋转和错位照片墙等动效。
• 内容填充：根据设计稿和运营提供的文案，填充页面内容。
• 管理界面开发：为运营团队开发一个简单的管理界面，方便他们更新内容。

---

📂 目录协作规范

为了减少 Git 冲突，请遵守以下组件存放规则：

• src/app/：定义页面路由。尽量保持 page.tsx 简洁，只引用 components。
• src/components/common/：存放全局通用的 Header.tsx 和 Footer.tsx。
• src/components/sections/：协作核心区。按页面建立文件夹（如 /home, /about），将页面的大块区块拆分为独立组件。
• src/lib/data.ts：所有页面展示用的文字、图片链接、Mock 数据统一定义在这里，不要硬编码在组件里。
• public/：存放 logo、图标、占位图。

---

有任何问题请在群里联系运维组长！✨