zhongyidian
53d0eeac6b
- 新增引导页组件(Guide.tsx)及相关资源 - 添加视频播放功能和相关资源文件 - 实现useTouch自定义hook支持触摸交互 - 添加store状态管理 - 更新多个页面组件(Content, Menu, Publicity) - 优化图片组件和背景图片组件 - 更新项目依赖
名师工作室 - 实验课件系统
这是一个基于 React 的名师工作室实验课件交互式平台。
技术栈
- 框架: React 19 + Vite 7
- 样式: Tailwind CSS 4
- 路由: React Router Dom 7
- 拖拽: @dnd-kit
- HTTP 客户端: Axios
- 图标: Lucide React
- 包管理器: pnpm
开发环境要求
- Node.js 18+
- pnpm 10+
安装依赖
pnpm install
开发命令
# 启动开发服务器
pnpm dev
# 构建生产版本
pnpm build
# 预览生产构建
pnpm preview
# 代码检查
pnpm lint
项目特性
- 支持拖拽交互的实验课件展示
- 响应式设计，适配多种设备
- 模块化组件架构
- 现代化的 UI 设计
项目结构
sensor-lab/
├── src/
│ ├── components/ # 可复用组件
│ ├── assets/ # 静态资源
│ ├── App.jsx # 主应用组件
│ └── main.jsx # 应用入口
├── public/ # 公共资源
└── index.html # HTML 模板
开发说明
本项目使用 pnpm 作为包管理工具，请勿使用 npm 或 yarn 安装依赖，以保持依赖的一致性。