zhongyidian/shanghai-residences
1
0 Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新图像资源和引导对话，提升学习体验

Browse Source 
- 替换多个场景中的图像资源，确保视觉内容的准确性和一致性。
- 更新信件组件中的输入校验功能，提升用户填写体验。
- 调整引导对话文本，增强互动性和信息传达的清晰度。
- 引入结束窗口，鼓励用户深入了解鲁迅和孙中山的历史背景。
This commit is contained in:
zhongyidian committed 2026-01-18 01:41:53 +08:00
1 parent 5bdfdadede
commit ac7bb420fd
69 files changed
+1166 -442
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/sunzhongshan/internalization.tsx
+30 -28
View File
@@ -8,6 +8,8 @@ import {
type DragFillResult,
LetterToSunzhongshan,
StudyGuideModal,
Narration,
EndingOverlay,
} from "@/components";
import { getBackgroundImage, getPublicPath, getStaticImage } from "@/lib/utils";
import { SuccessAlert, DragQuizPanel } from "@/components/layout";
@@ -74,25 +76,20 @@ const QUIZ_ANCHORS: QuizAnchor[] = [
id: "quiz-2",
time: 42,
title: "题目2",
prompt: "我们新时代青年从孙中山先生身上能学到哪些？",
prompt: "【多选】新时代的青年要从孙中山先生身上学习哪些精神？",
type: "multiple",
options: [
{
value: "A",
label: '"心系民众，天下为公"的家国情怀',
label: "A.“振兴中华”的初心",
isCorrect: true,
},
{
value: "B",
label: "与时俱进，主动学习新知识，适应新形势",
isCorrect: true,
},
{ value: "C", label: "为中华民族伟大复兴而读书", isCorrect: true },
{
value: "D",
label: "将振兴中国之责任，置之于自身之肩上",
label: "B.“天下为公”的情怀",
isCorrect: true,
},
{ value: "C", label: "C.“与时俱进”的智慧", isCorrect: true },
],
},
];
@@ -112,6 +109,7 @@ const ChenyunInternalization = () => {
const [dragQuizErrors, setDragQuizErrors] = useState<Record<string, string>>(
{}
);
const [showNarration, setShowNarration] = useState(true); // 是否显示旁白
const [visible, setVisible] = useState(false);
const [showVideo, setShowVideo] = useState(false);
const [postGuideVisible, setPostGuideVisible] = useState(false);
@@ -120,9 +118,12 @@ const ChenyunInternalization = () => {
const videoRef = useRef<VideoRef>(null);
const audioRef = useRef<HTMLAudioElement | null>(null);
// 旁白关闭后显示对话引导
useEffect(() => {
setVisible(true);
}, []);
if (!showNarration) {
setVisible(true);
}
}, [showNarration]);
// 组件卸载时清理背景音乐
useEffect(() => {
@@ -330,17 +331,24 @@ const ChenyunInternalization = () => {
setPostGuideVisible(true);
if (audioRef.current) {
audioRef.current.currentTime = 0;
audioRef.current
.play()
.catch((error) => {
console.warn("背景音乐播放失败:", error);
});
audioRef.current.play().catch((error) => {
console.warn("背景音乐播放失败:", error);
});
}
}}
/>
)}
{/* 引导 */}
{/* 旁白 */}
<Narration
visible={showNarration}
text="从翠亨村的农家院落到影响中国的革命征程，孙中山先生以'亟拯斯民于水火，切扶大厦之将倾'的担当，在近代中国的黑暗中点燃了民主共和的火种。他留下的不仅是推翻帝制、建立共和的历史功绩，更有'振兴中华'的初心、'天下为公'的情怀、'与时俱进'的智慧。今天，我们站在故居的青砖黛瓦间，不仅要回望他为民族独立、人民幸福奋斗的一生，更要让这份精神穿越时空，成为新时代青年砥砺前行的力量。"
onClose={() => {
setShowNarration(false);
}}
/>
{/* 对话引导 */}
<GuideSteps
visible={visible}
onVisibleChange={(visible) => {
@@ -353,7 +361,7 @@ const ChenyunInternalization = () => {
showMask={false}
>
<GuideStepsItem speaker="student">
小沪，参观完故居，我对孙中山先生从“医人”到“医国”的转变、《实业计划》里的宏大构想有了很多感触，但总觉得这些历史和精神离我们的生活还有些远，不知道该怎么真正理解和传承？
小沪，参观完故居，我对孙中山先生从"医人"到"医国"的转变、《实业计划》里的宏大构想有了很多感触，但总觉得这些历史和精神离我们的生活还有些远，不知道该怎么真正理解和传承？
</GuideStepsItem>
<GuideStepsItem speaker="guide">
你的感受特别真实！孙中山先生的精神不是停留在书本里的文字，而是能指导我们当下行动的思想财富。今天我们特别邀请到了上海孙中山故居纪念馆研究部主任孙旻老师，让她带我们一起解读先生精神的时代意义，把这份传承落到实处。
@@ -389,8 +397,10 @@ const ChenyunInternalization = () => {
}}
/>
<StudyGuideModal
<EndingOverlay
visible={showStudyGuide}
text="恭喜你已经顺利完成了黄炎培故居的学习，请继续前往下一个故居吧！"
animationSpeed={200}
onContinue={() => {
if (audioRef.current) {
audioRef.current.pause();
@@ -399,15 +409,7 @@ const ChenyunInternalization = () => {
setShowStudyGuide(false);
navigate(`/${moduleName}/${starName}/home`);
}}
>
恭喜你已经顺利完成了孙中山故居纪念馆的学习，至此，你已经完成了本课程所有故居的学习，
希望你能有所收获，学习八位名人的优秀品质和精神，在新时代为中华民族伟大复兴发光发热！
{/* 同学你好，欢迎来到走进故居-对话学习模块！{"\n"}
进入陈云故居后，我们一起来了解陈云同志经历的7个阶段{"\n"}
“水乡少年 艰辛成长”、“商务启航 投身革命”、“苏区淬炼 崭露头角”、“延安担当
经济破局”、{"\n"}
“恢复时期 经济奠基”、“建设时期 务实兴邦”、“改革浪潮 誉画实业”； */}
</StudyGuideModal>
/>
</div>
);
};
src/pages/sunzhongshan/reflection/index.tsx
+76 -13
View File
@@ -14,6 +14,48 @@ const SunzhongshanReflection = () => {
const [selectedScene, setSelectedScene] = useState<number | null>(null);
const [showGuide, setShowGuide] = useState(false);
const [sceneCompleted, setSceneCompleted] = useState<{
scene1: boolean;
scene2: boolean;
scene3: boolean;
}>({
scene1: false,
scene2: false,
scene3: false,
});
// 检查场景完成状态 - 每次组件挂载或从场景页面返回时重新检查
const checkSceneCompleted = () => {
const scene1Completed =
localStorage.getItem(`${starName}-reflection-scene1-completed`) ===
"true";
const scene2Completed =
localStorage.getItem(`${starName}-reflection-scene2-completed`) ===
"true";
const scene3Completed =
localStorage.getItem(`${starName}-reflection-scene3-completed`) ===
"true";
setSceneCompleted({
scene1: scene1Completed,
scene2: scene2Completed,
scene3: scene3Completed,
});
};
useEffect(() => {
checkSceneCompleted();
// 监听页面可见性变化，当页面重新可见时重新检查场景完成状态
const handleVisibilityChange = () => {
if (document.visibilityState === "visible") {
checkSceneCompleted();
}
};
document.addEventListener("visibilitychange", handleVisibilityChange);
return () => {
document.removeEventListener("visibilitychange", handleVisibilityChange);
};
}, []);
// 检查是否是第一次进入，显示学习引导
useEffect(() => {
@@ -23,8 +65,19 @@ const SunzhongshanReflection = () => {
}
}, []);
// 检查场景是否可解锁
const isSceneUnlocked = (sceneNumber: number): boolean => {
if (sceneNumber === 1) return true; // 场景1始终可解锁
if (sceneNumber === 2) return sceneCompleted.scene1; // 场景2需要场景1完成
if (sceneNumber === 3) return sceneCompleted.scene2; // 场景3需要场景2完成
return false;
};
const handleSceneClick = (sceneNumber: number) => {
setSelectedScene(sceneNumber);
// 只有解锁的场景才能被选择
if (isSceneUnlocked(sceneNumber)) {
setSelectedScene(sceneNumber);
}
};
const handleGuideClose = () => {
@@ -61,9 +114,11 @@ const SunzhongshanReflection = () => {
<div className="absolute top-[46%] left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex items-center justify-center px-26">
{/* 场景一 */}
<div
className={`relative cursor-pointer transition-all duration-300 ${
selectedScene === 1 ? "z-30" : "z-10"
}`}
className={`relative transition-all duration-300 ${
isSceneUnlocked(1)
? "cursor-pointer"
: "cursor-not-allowed opacity-50"
} ${selectedScene === 1 ? "z-30" : "z-10"}`}
style={{
transform: `rotate(0deg) ${
selectedScene === 1 ? "scale(1.15)" : "scale(1)"
@@ -78,9 +133,11 @@ const SunzhongshanReflection = () => {
{/* 场景二 */}
<div
className={`relative cursor-pointer transition-all duration-300 ${
selectedScene === 2 ? "z-30" : "z-20"
}`}
className={`relative transition-all duration-300 ${
isSceneUnlocked(2)
? "cursor-pointer"
: "cursor-not-allowed opacity-50"
} ${selectedScene === 2 ? "z-30" : "z-20"}`}
style={{
transform: `rotate(0deg) ${
selectedScene === 2 ? "scale(1.15)" : "scale(1)"
@@ -95,9 +152,11 @@ const SunzhongshanReflection = () => {
{/* 场景三 */}
<div
className={`relative cursor-pointer transition-all duration-300 ${
selectedScene === 3 ? "z-30" : "z-10"
}`}
className={`relative transition-all duration-300 ${
isSceneUnlocked(3)
? "cursor-pointer"
: "cursor-not-allowed opacity-50"
} ${selectedScene === 3 ? "z-30" : "z-10"}`}
style={{
transform: `rotate(0deg) ${
selectedScene === 3 ? "scale(1.15)" : "scale(1)"
@@ -115,15 +174,19 @@ const SunzhongshanReflection = () => {
<div className="absolute bottom-30 left-1/2 -translate-x-1/2 z-10">
<div
className={`transition-all duration-300 ${
selectedScene
selectedScene && isSceneUnlocked(selectedScene)
? "opacity-100 cursor-pointer hover:scale-105"
: "opacity-50 cursor-not-allowed"
}`}
onClick={selectedScene ? handleStartExplore : undefined}
onClick={
selectedScene && isSceneUnlocked(selectedScene)
? handleStartExplore
: undefined
}
>
<Image
src={getStaticImage(`${starName}/reflection/home/按钮`)}
button={!!selectedScene}
button={!!(selectedScene && isSceneUnlocked(selectedScene))}
/>
</div>
</div>
src/pages/sunzhongshan/reflection/scene1.tsx
+15 -14
View File
@@ -7,6 +7,7 @@ import {
flyToAnimation,
Video,
StudyGuideModal,
EndingOverlay,
} from "@/components";
import { SuccessAlert } from "@/components/layout";
import { SingleChoiceQuizPanel } from "@/components/layout/quiz";
@@ -234,6 +235,8 @@ const SunzhongshanReflectionScene1 = () => {
// 处理完成提示关闭
const handleCompleteGuideClose = () => {
setShowCompleteGuide(false);
// 保存场景1完成状态
localStorage.setItem(`${starName}-reflection-scene1-completed`, "true");
};
// 获取线索图片
@@ -433,9 +436,10 @@ const SunzhongshanReflectionScene1 = () => {
onContinue={handleGuideClose}
zIndex={10000}
>
同学你好，欢迎来到二十世纪初的上海。{"\n"}
同学你好，欢迎来到二十世纪初的上海。
<br />
辛亥革命之后，民主共和的观念深入人心。面对中外反动势力，社会各界更广泛地行动起来，以各自的方式争取着民主自由和国家尊严。
{"\n"}
<br />
你需要在本场景中找出4条线索，并正确回答所有问题后，才能拨开时局迷雾，进入下一个场景。
</StudyGuideModal>
@@ -444,8 +448,8 @@ const SunzhongshanReflectionScene1 = () => {
visible={showQuiz1}
title="今天的日期是?"
options={[
{ value: "A", label: "A: 1919年5月5日" },
{ value: "B", label: "B: 1921年5月5日" },
{ value: "A", label: "A.1919年5月5日" },
{ value: "B", label: "B.1921年5月5日" },
]}
correctAnswer="B"
errorMessage="回答错误,请你再仔细思考一下吧。"
@@ -461,12 +465,12 @@ const SunzhongshanReflectionScene1 = () => {
{
value: "A",
label:
"今天路过莫利爱路29号,旁观了中国国民党党部举行的庆祝活动。得知孙中山先生重整旗鼓,预备再度联合西南军阀进行二次护法。思及1918年第一次护法运动的失败,隐隐为孙先生此番努力感到忧虑。",
"A.今天路过莫利爱路29号,旁观了中国国民党党部举行的庆祝活动。得知孙中山先生重整旗鼓,预备再度联合西南军阀进行二次护法。思及1918年第一次护法运动的失败,隐隐为孙先生此番努力感到忧虑。",
},
{
value: "B",
label:
"参加了中华职业学校同学为庆祝广州军政府成立、孙中山在广州就任非常大总统而组织的活动,深感革命成功有望。",
"B.参加了中华职业学校同学为庆祝广州军政府成立、孙中山在广州就任非常大总统而组织的活动,深感革命成功有望。",
},
]}
correctAnswer="A"
@@ -482,11 +486,11 @@ const SunzhongshanReflectionScene1 = () => {
options={[
{
value: "A",
label: "A: 团结强大的军阀,共举民主共和旗帜",
label: "A.团结强大的军阀,共举民主共和旗帜",
},
{
value: "B",
label: "B: 团结各族各界群众,建立广泛的革命统一战线",
label: "B.团结各族各界群众,建立广泛的革命统一战线",
},
]}
correctAnswer="B"
@@ -496,14 +500,11 @@ const SunzhongshanReflectionScene1 = () => {
/>
{/* 完成提示弹窗 */}
<StudyGuideModal
<EndingOverlay
visible={showCompleteGuide}
text={`"恭喜你完成场景一的探索！{\n}粤军总司令陈炯明与孙中山政见无法统一。1922年6月16日，陈炯明部将叶举率4000余人包围总统府，炮击孙中山住所粤秀楼。这一叛变行动使得北伐事业再次陷于停顿，第二次护法运动失败……{\n}请你走进场景二，继续探索吧！"`}
onContinue={handleCompleteGuideClose}
zIndex={10002}
verticalAlign="center"
>
完成本游戏探索！快去体验其他故事吧！
</StudyGuideModal>
/>
</div>
);
};
src/pages/sunzhongshan/reflection/scene2.tsx
+11 -9
View File
@@ -7,6 +7,7 @@ import {
flyToAnimation,
Video,
StudyGuideModal,
EndingOverlay,
} from "@/components";
import { SuccessAlert } from "@/components/layout";
import { SingleChoiceQuizPanel } from "@/components/layout/quiz";
@@ -244,6 +245,8 @@ const SunzhongshanReflectionScene2 = () => {
// 处理完成提示关闭
const handleCompleteGuideClose = () => {
setShowCompleteGuide(false);
// 保存场景2完成状态
localStorage.setItem(`${starName}-reflection-scene2-completed`, "true");
};
// 获取线索图片
@@ -448,8 +451,10 @@ const SunzhongshanReflectionScene2 = () => {
zIndex={10000}
>
1921年7月，中国共产党第一次全国代表大会在上海召开，中国革命的面貌自此焕然一新。
{"\n"}
1921-1923的两年间，你顺利完成了一、二年级的在校学习任务，并在三年级进入工厂实习。身为学子，你专注于业务精进，同时亦非常关注时局的变化。一些同学和工友加入了党组织，你也对此心生向往。本游戏需要在场景中找出5条线索，并回答正确所有问题后才能完成本游戏探索。
<br />
1921-1923的两年间，你顺利完成了一、二年级的在校学习任务，并在三年级进入工厂实习。身为学子，你专注于业务精进，同时亦非常关注时局的变化。一些同学和工友加入了党组织，你也对此心生向往……
<br />
你需要在本场景中找出5条线索，并正确回答所有问题后，才能拨开时局迷雾，进入下一个场景。
</StudyGuideModal>
{/* 题目1：当下无产阶级工人运动面对的敌人主要有哪些? */}
@@ -479,7 +484,7 @@ const SunzhongshanReflectionScene2 = () => {
{
value: "B",
label:
"B.回想一年多来,全国已经组织起了大小罢工上百次,多有捷报。此时虽面对一些挫折,但只要工人们始终坚定地团结在一起,敢于牺牲,就一定能战胜内外敌人!",
"B.回想一年多来,全国已经组织起了大小罢工上百次,多有捷报。仅依靠工人团结一定能够取得胜利！",
},
]}
correctAnswer="A"
@@ -509,14 +514,11 @@ const SunzhongshanReflectionScene2 = () => {
/>
{/* 完成提示弹窗 */}
<StudyGuideModal
<EndingOverlay
visible={showCompleteGuide}
text={`"恭喜你完成场景二的探索！{\n}1922年夏到1924年初，李大钊来到上海，在宣传革命思想的同时与孙中山进行了数次会面，为改组国民党和促成第一次国共合作作出了巨大贡献。{\n}1924年1月，中国国民党第一次全国代表大会在广州召开，孙中山重新解释了三民主义，事实上确立了联俄、联共、扶助农工三大政策。李大钊、毛泽东等10名共产党员当选为中国国民党第一届中央执行委员会委员或候补委员。国民党一大的召开标志着第一次国共合作的正式形成。{\n}请你走进场景三，继续探索吧！"`}
onContinue={handleCompleteGuideClose}
zIndex={10002}
>
1922年夏到1924年初，李大钊来到上海，在宣传革命思想的同时与孙中山进行了数次会面，为改组国民党和促成第一次国共合作作出了巨大贡献。
1924年1月，中国国民党第一次全国代表大会在广州召开，孙中山重新解释了三民主义，事实上确立了联俄、联共、扶助农工三大政策。李大钊、毛泽东等10名共产党员当选为中国国民党第一届中央执行委员会委员或候补委员。国民党一大的召开标志着第一次国共合作的正式形成。
</StudyGuideModal>
/>
</div>
);
};
src/pages/sunzhongshan/reflection/scene3.tsx
+48 -48
View File
@@ -8,6 +8,7 @@ import {
Video,
StudyGuideModal,
Cursor,
EndingOverlay,
} from "@/components";
import { SuccessAlert, ErrorAlert } from "@/components/layout";
import { SingleChoiceQuizPanel } from "@/components/layout/quiz";
@@ -229,29 +230,31 @@ const SunzhongshanReflectionScene3 = () => {
}
};
// 处理题目2提交 - 两个选项都正确
const handleQuiz2Submit = (_value: string, _isCorrect: boolean) => {
// 题目2的两个选项都正确，所以总是成功
setShowQuiz2(false);
setSuccessAlertContent("回答正确!");
setShowSuccessAlert(true);
setPendingQuiz("quiz3");
};
// 处理题目3提交
const handleQuiz3Submit = (_value: string, isCorrect: boolean) => {
// 处理题目2提交
const handleQuiz2Submit = (_value: string, isCorrect: boolean) => {
if (isCorrect) {
setShowQuiz3(false);
setShowQuiz2(false);
setSuccessAlertContent("回答正确!");
setShowSuccessAlert(true);
// 设置待显示的完成提示
setPendingQuiz("complete");
setPendingQuiz("quiz3");
}
};
// 处理题目3提交 - 两个选项都正确
const handleQuiz3Submit = (_value: string, _isCorrect: boolean) => {
// 题目3的两个选项都正确，所以总是成功
setShowQuiz3(false);
setSuccessAlertContent("回答正确!");
setShowSuccessAlert(true);
// 设置待显示的完成提示
setPendingQuiz("complete");
};
// 处理完成提示关闭
const handleCompleteGuideClose = () => {
setShowCompleteGuide(false);
// 保存场景3完成状态
localStorage.setItem(`${starName}-reflection-scene3-completed`, "true");
};
// 处理 Cursor 点击 - 切换到主场景
@@ -501,7 +504,7 @@ const SunzhongshanReflectionScene3 = () => {
后来,学校建立了中国社会主义青年团团支部,你积极靠拢,成为一名光荣的团员。
国共合作大背景下,国民革命正在如火如荼地开展,北伐也在积极酝酿之中。你在自己的岗位上认真工作,也密切关注着时局和两党动态。
{"\n"}
本游戏需要在场景中找出4条线索,并回答正确所有问题后才能完成本游戏探索。
你需要在本场景中找出4条线索，并正确回答所有问题后，才能拨开时局迷雾，完成终极任务。
</StudyGuideModal>
{/* 题目1：冯玉祥发动"北京政变"后邀请孙中山北上共商国是,各界对此事的看法如何? */}
@@ -509,8 +512,8 @@ const SunzhongshanReflectionScene3 = () => {
visible={showQuiz1}
title='冯玉祥发动"北京政变"后邀请孙中山北上共商国是,各界对此事的看法如何?'
options={[
{ value: "A", label: "A: 意见高度一致,认为和平统一已经十拿九稳" },
{ value: "B", label: "B: 期待、信任为主,亦有担忧和谨慎的探讨" },
{ value: "A", label: "A.意见高度一致,认为和平统一已经十拿九稳" },
{ value: "B", label: "B.期待、信任为主,亦有担忧和谨慎的探讨" },
]}
correctAnswer="B"
errorMessage="回答错误,请你再仔细思考一下吧。"
@@ -518,58 +521,55 @@ const SunzhongshanReflectionScene3 = () => {
zIndex={10001}
/>
{/* 题目2：今天的日记写什么呢? */}
{/* 题目2：毅然北上赴会的孙中山先生,为争取国家和平统一作出了哪些努力? */}
<SingleChoiceQuizPanel
visible={showQuiz2}
title="今天的日记写什么呢?"
options={[
{
value: "A",
label:
"A: 当前情形,反对军阀势力进而反对列强压迫已成为国共两党乃至各界共识。只是这一目标应当如何达成呢?今年上半年就听说黄埔军校在全国招生的消息,大批青年踊跃报考。可见组建军队,武力北伐是一个公认的选项。然下半年直系军阀倒台,冯玉祥电邀孙先生北上主政,便又打开了和平统一的一线契机,如能实现,亦是应了国人的期盼。今日孙先生行程抵沪,马不停蹄接见各界人士,宣讲北上主张,我辈见之无不钦佩其鞠躬尽瘁之心。前路未明,探索不止,希望国民共同努力,早日迎来和平民主的新天地。",
},
{
value: "B",
label:
'B: 孙中山先生抵沪,来自百年后的我站在欢迎的人群中,终于亲眼见到了这位伟大的革命先行者。1924年的秋天,冯玉祥北京政变为国家的和平统一带来一线契机。回望历史,我们知道,这在中国近代的民族民主革命路途上,不过是一个插曲。但对于孙中山先生而言,抱病北上,不遗余力地宣传反帝反封建主张,几乎成为他为国家前途命运而作的最后争取。他在迷途中坚守,在变局中担当,穷极一生从未停下脚步。伟大复兴的新征程上,我们早已摆脱了屈辱与苦难,向着国家富强的光明前景、人民幸福的美好未来进发。先生"振兴中华"的呐喊犹在耳畔,"天下为公"的初心始终滚烫。今天我们所能做的,便是铭记这份坚守与担当,做跨越百年的追梦路上最坚定的继承者与前行者。',
},
]}
correctAnswer="A"
errorMessage=""
onSubmit={handleQuiz2Submit}
zIndex={10001}
/>
{/* 题目3：毅然北上赴会的孙中山先生,为争取国家和平统一作出了哪些努力? */}
<SingleChoiceQuizPanel
visible={showQuiz3}
title="毅然北上赴会的孙中山先生,为争取国家和平统一作出了哪些努力?"
options={[
{
value: "A",
label:
"A: 重视舆论导向,动身前发表《北上宣言》明确态度,沿途不辞劳苦与各界会晤交流,反复重申主张。",
"A.重视舆论导向,动身前发表《北上宣言》明确态度,沿途不辞劳苦与各界会晤交流,反复重申主张。",
},
{
value: "B",
label: "B: 珍惜契机,沿途不做停顿,以最快的速度赶往北京。",
label: "B.珍惜契机,沿途不做停顿,以最快的速度赶往北京。",
},
]}
correctAnswer="A"
errorMessage="回答错误,请你再仔细思考一下吧。"
onSubmit={handleQuiz2Submit}
zIndex={10001}
/>
{/* 题目3：今天的日记写什么呢? */}
<SingleChoiceQuizPanel
visible={showQuiz3}
title="今天的日记写什么呢?"
options={[
{
value: "A",
label:
"A.当前情形,反对军阀势力进而反对列强压迫已成为国共两党乃至各界共识。只是这一目标应当如何达成呢?今年上半年就听说黄埔军校在全国招生的消息,大批青年踊跃报考。可见组建军队,武力北伐是一个公认的选项。然下半年直系军阀倒台,冯玉祥电邀孙先生北上主政,便又打开了和平统一的一线契机,如能实现,亦是应了国人的期盼。今日孙先生行程抵沪,马不停蹄接见各界人士,宣讲北上主张,我辈见之无不钦佩其鞠躬尽瘁之心。前路未明,探索不止,希望国民共同努力,早日迎来和平民主的新天地。",
},
{
value: "B",
label:
'B.孙中山先生抵沪,来自百年后的我站在欢迎的人群中,终于亲眼见到了这位伟大的革命先行者。1924年的秋天,冯玉祥北京政变为国家的和平统一带来一线契机。回望历史,我们知道,这在中国近代的民族民主革命路途上,不过是一个插曲。但对于孙中山先生而言,抱病北上,不遗余力地宣传反帝反封建主张,几乎成为他为国家前途命运而作的最后争取。他在迷途中坚守,在变局中担当,穷极一生从未停下脚步。伟大复兴的新征程上,我们早已摆脱了屈辱与苦难,向着国家富强的光明前景、人民幸福的美好未来进发。先生"振兴中华"的呐喊犹在耳畔,"天下为公"的初心始终滚烫。今天我们所能做的,便是铭记这份坚守与担当,做跨越百年的追梦路上最坚定的继承者与前行者。',
},
]}
correctAnswer="A"
errorMessage=""
onSubmit={handleQuiz3Submit}
zIndex={10001}
/>
{/* 完成提示弹窗 */}
<StudyGuideModal
<EndingOverlay
visible={showCompleteGuide}
text={`"辛亥革命拉开了中国完全意义上的近代民族民主革命的序幕。北洋军阀首领袁世凯窃取革命成果后，各地军阀势力对内割据混战，对外出卖国家利益，在政治上谋求专制和独裁，俨然成为民族独立、民主政治、民生幸福之路上的头号绊脚石。{\n}为了改变这一时期的困局，孙中山尝试过高举护法旗帜，两度领导护法运动；与新生的中国共产党展开合作，与无产阶级工农群众共建起统一战线；为了团结一切可以团结的力量，调动一切可以调动的因素，在生命最后的日子里抱病北上，一路不遗余力地向社会各界宣传反帝反封建主张。他经历了太多挫折，却始终以'行'求'知'。"`}
onContinue={handleCompleteGuideClose}
zIndex={10002}
>
辛亥革命拉开了中国完全意义上的近代民族民主革命的序幕。北洋军阀首领袁世凯窃取革命成果后，各地军阀势力对内割据混战，对外出卖国家利益，在政治上谋求专制和独裁，俨然成为民族独立、民主政治、民生幸福之路上的头号绊脚石。
为了改变这一时期的困局，孙中山尝试过高举护法旗帜，两度领导护法运动；与新生的中国共产党展开合作，与无产阶级工农群众共建起统一战线；为了团结一切可以团结的力量，调动一切可以调动的因素，在生命最后的日子里抱病北上，一路不遗余力地向社会各界宣传反帝反封建主张。他经历了太多挫折，却始终以“行”求“知”。
</StudyGuideModal>
/>
</div>
);
};