feat: 添加音频资源和更新引导对话,提升学习体验
- 在多个场景中引入音频文件,增强互动性和沉浸感。 - 更新引导对话文本,确保信息准确性和一致性。 - 调整组件结构,清理冗余代码,提升可维护性。 - 引入结束窗口,鼓励用户深入了解黄炎培的教育理念。
This commit is contained in:
1 parent
6e106032fd
commit
a8723ab4aa
12 files changed
+158
-36
No files matched your search
@@ -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}
|
||||
|
||||
Reference in new issue
Block a user