feat: 添加音频资源和更新引导对话,提升学习体验

- 在多个场景中引入音频文件,增强互动性和沉浸感。
- 更新引导对话文本,确保信息准确性和一致性。
- 调整组件结构,清理冗余代码,提升可维护性。
- 引入结束窗口,鼓励用户深入了解黄炎培的教育理念。
This commit is contained in:
zhongyidian committed 2026-01-16 00:00:12 +08:00
1 parent 6e106032fd
commit a8723ab4aa
12 files changed
+158 -36

No files matched your search

+15 -1
View File
@@ -24,6 +24,7 @@ const HuangyanpeiReflectionScene3 = () => {
const [showQuiz, setShowQuiz] = useState(false);
const [showSuccessAlert, setShowSuccessAlert] = useState(false);
const [showErrorAlert, setShowErrorAlert] = useState(false);
const [showErrorAlertForQuiz, setShowErrorAlertForQuiz] = useState(false);
const [showCompleteGuide, setShowCompleteGuide] = useState(false);
const [showVideo, setShowVideo] = useState(false);
const [visited, setVisited] = useState<Set<number>>(new Set());
@@ -73,7 +74,12 @@ const HuangyanpeiReflectionScene3 = () => {
src={getStaticImage("huangyanpei/reflection/components/喇叭1")}
button
onClick={() => {
setShowQuizDialog(true);
// 检查是否完成前两个任务(visited.has(1) && visited.has(2))
if (visited.has(1) && visited.has(2)) {
setShowQuizDialog(true);
} else {
setShowErrorAlertForQuiz(true);
}
}}
/>
@@ -83,6 +89,7 @@ const HuangyanpeiReflectionScene3 = () => {
onContinue={() => {
setShowGuide1(false);
}}
audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_25.mp3")}
>
终于到中华职业学校啦!这里是中国近代职教的摇篮,"免学费、包分配",还能学真手艺,快来练就一技之长。
{"\n"}
@@ -180,6 +187,13 @@ const HuangyanpeiReflectionScene3 = () => {
onClose={() => setShowErrorAlert(false)}
/>
{/* 错误提示:请先完成前两个任务 */}
<ErrorAlert
visible={showErrorAlertForQuiz}
text="请先完成前两个任务吧!"
onClose={() => setShowErrorAlertForQuiz(false)}
/>
{/* 组装台钳完成提示 */}
<StudyGuideModal
visible={showCompleteGuide}