feat: 更新场景和组件,优化用户体验

- 更新多个场景中的引导对话,提升学习互动性。
- 修改组件以清理不必要的学习引导弹窗,简化用户流程。
- 调整文本内容,确保信息准确性和一致性。
- 添加背景音乐控制,增强沉浸式体验。
This commit is contained in:
zhongyidian committed 2026-01-13 18:48:10 +08:00
1 parent d226283e15
commit 71f607f6a3
46 files changed
+423 -372

No files matched your search

+1 -21
View File
@@ -5,7 +5,6 @@ import {
Image,
Title,
Cursor,
StudyGuideModal,
SingleChoiceQuizPanel,
Video,
} from "@/components";
@@ -38,9 +37,7 @@ const LuxunPlace5 = () => {
moduleName: string;
}>();
// 学习引导弹窗
const [showGuideModal, setShowGuideModal] = useState(true);
const [introGuideVisible, setIntroGuideVisible] = useState(false);
const [introGuideVisible, setIntroGuideVisible] = useState(true);
const [introGuideStep, setIntroGuideStep] = useState(0);
const [activeExhibitId, setActiveExhibitId] = useState<1 | 2 | 3 | null>(
@@ -298,23 +295,6 @@ const LuxunPlace5 = () => {
在互动中,读懂先生笔墨间的温度与力量。
</GuideStepsItem>
</GuideSteps>
{/* 学习引导 */}
<StudyGuideModal
visible={showGuideModal}
onContinue={() => {
setShowGuideModal(false);
setIntroGuideVisible(true);
setIntroGuideStep(0);
}}
ailgn="left"
>
1、场景中出现动态光点的展品表示未浏览,可通过点击光点来了解展品背后的故事,通过滚轮可以放大展品,浏览展品后蓝色动态光点会变为已浏览状态;
{"\n"}
2、在学习过程中会掉落拼图碎片,拼图碎片会自动收入拼图盒中,拼图盒可以点开查看当前拼图收集情况,点击单个拼图可以回到获得拼图的场景再次学习;
{"\n"}
3、所有动态光点的展品全部学习后才能进入下一个场景学习;
</StudyGuideModal>
</div>
);
};