feat: 更新音频和引导对话,优化用户体验

- 在多个场景中添加音频资源,增强学习互动性。
- 更新引导对话文本,确保信息准确性和一致性。
- 调整组件结构,清理不必要的代码,提升可维护性。
- 引入结束窗口,鼓励用户深入了解历史背景。
This commit is contained in:
zhongyidian committed 2026-01-15 19:30:17 +08:00
1 parent d7ff7d3a45
commit 6e106032fd
141 files changed
+1375 -479

No files matched your search

+13 -6
View File
@@ -8,7 +8,7 @@ import {
StudyGuideModal,
} from "@/components";
import { useNavigate, useParams } from "react-router-dom";
import { getBackgroundImage, getStaticImage } from "@/lib/utils";
import { getBackgroundImage, getPublicPath, getStaticImage } from "@/lib/utils";
import { useState, useMemo } from "react";
import Cursor from "@/components/cursor";
import { usePuzzleAnimation } from "@/contexts/PuzzleAnimationContext";
@@ -176,6 +176,7 @@ const ChenyunPlace1 = () => {
setShowGuideModal(false);
setVisible(true);
}}
audioSrc={getPublicPath("audio/chenyun/mp3_chenyun_01.mp3")}
>
同学你好,欢迎来到“走进故居·对话”学习模块!{"\n"}
此刻你正站在陈云同志的故居堂屋里,接下来请跟着时光的脚步,
@@ -196,7 +197,7 @@ const ChenyunPlace1 = () => {
</Overlay>
)}
{/* 引导 */}
{/* 场景对话 */}
<GuideSteps
visible={visible}
onVisibleChange={(nextVisible) => {
@@ -206,13 +207,18 @@ const ChenyunPlace1 = () => {
setShowAfterDialogGuide(true);
}
}}
showMask={true}
highlightSelectors={[]}
showMask={false}
>
<GuideStepsItem speaker="student">
<GuideStepsItem
speaker="student"
audioSrc={getPublicPath("audio/chenyun/mp3_chenyun_03.mp3")}
>
小沪!这就是陈云小时候生活的房子吗?看起来和普通农家差不多,他童年过得艰苦吗?
</GuideStepsItem>
<GuideStepsItem speaker="guide">
<GuideStepsItem
speaker="guide"
audioSrc={getPublicPath("audio/chenyun/mp3_chenyun_04.mp3")}
>
这座房子就是陈云故居,位于上海市青浦区练塘镇下塘街95号,是一座坐南朝北、面向河畔的两层楼江南民居。
</GuideStepsItem>
<GuideStepsItem speaker="guide">
@@ -228,6 +234,7 @@ const ChenyunPlace1 = () => {
visible={showAfterDialogGuide}
onContinue={() => setShowAfterDialogGuide(false)}
ailgn="left"
audioSrc={getPublicPath("audio/chenyun/mp3_chenyun_02.mp3")}
>
1.场景中出现动态光点的展品表示未浏览,可通过点击光点来了解展品背后的故事,通过滚轮可以放大展品,浏览展品后蓝色动态光点会变为已浏览状态。
{"\n"}