zhongyidianandClaude Opus 4.8
73d02eb62d
新增功能： - 统一续学逻辑：8个故居首页接入自动续学提示弹窗 - 完成判定：基于拼图碎片统一判断对话/体悟/内化是否完成 - 断点续学：对话回lastVisitedPlace、体悟回reflectionRoute、内化回internalization - 触发条件：会话内每故居仅提示一次 + 首页视频播完后 + store加载成功/空时 - 安全防护：组件卸载后不再setState、同步失败不弹窗避免用旧状态误导 新增组件： - ContinueLearningModal：纯CSS哑光米纸+朱红古籍风弹窗 - useResidenceContinue：封装触发逻辑+跳转+去重的共享hook 涉及文件： - src/config/progression.ts：getResidenceStageCompletion、resolveResidenceContinueTarget - src/hooks/useResidenceContinue.ts：统一续学hook - src/components/layout/alert/continue-learning-modal.tsx：弹窗组件 - src/pages/*/home.tsx：8个故居首页接入 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
名师工作室 - 实验课件系统
这是一个基于 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 安装依赖，以保持依赖的一致性。