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

- 替换多个场景中的图像资源,确保视觉内容的准确性和一致性。
- 更新信件组件中的输入校验功能,提升用户填写体验。
- 调整引导对话文本,增强互动性和信息传达的清晰度。
- 引入结束窗口,鼓励用户深入了解鲁迅和孙中山的历史背景。
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

No files matched your search

+45 -18
View File
@@ -56,6 +56,10 @@ const LuxunPlace3 = () => {
const [guide1Visible, setGuide1Visible] = useState(false);
const [guide1Step, setGuide1Step] = useState(0);
// 光标2的引导对话状态
const [guide2Visible, setGuide2Visible] = useState(false);
const [guide2Step, setGuide2Step] = useState(0);
// 光标2的题目状态
const [quiz2Visible, setQuiz2Visible] = useState(false);
const [successAlert2Visible, setSuccessAlert2Visible] = useState(false);
@@ -85,6 +89,8 @@ const LuxunPlace3 = () => {
} else if (index === 2) {
// 光标2:只打开展品(带描述)
setActiveExhibitId(2);
setGuide2Visible(true);
setGuide2Step(0);
} else if (index === 3) {
// 光标3:点击时同时打开展品和引导对话
setActiveExhibitId(3);
@@ -119,7 +125,7 @@ const LuxunPlace3 = () => {
}}
>
<Title
title="历史新编中的现实呐喊&为亡友编纂的精神丰碑"
title={`历史新编中的现实呐喊\n为亡友编纂的精神丰碑`}
subtitle={subtitle}
subtitleClassName={subtitleClassName}
className="absolute top-10 left-1/2 -translate-x-1/2"
@@ -186,13 +192,13 @@ const LuxunPlace3 = () => {
<ExhibitOverlay
visible={activeExhibitId !== null}
src={activeExhibitId ? exhibitSrcMap[activeExhibitId] : ""}
description={
activeExhibitId === 2
? '本书里面还收录了《理水》,文章写的是大禹治水"三过家门而不入"的上古传说,实则藏着对现实的尖锐针砭。当时反动派统治腐朽,面对内忧外患只会粉饰太平,还有一群空谈理论、脱离实际的"学者"混淆视听。大禹带领民众跋山涉水、实地勘察,摒弃"堵"的旧法改用"疏"的良方,历经千辛万苦终平水患。这哪里是写古代治水?分明是在赞颂脚踏实地、敢破敢立的实干精神,讽刺那些庸碌无为的当权者与空谈家,用远古的正义之光映照现实的黑暗。'
: activeExhibitId === 5
? "为了妥善出版亡友遗著,鲁迅亲自选稿、校对、设计封面。为了躲避反动派的审查,他还特意用“诸夏怀霜社”的名义出版,“怀霜”就是为了纪念瞿秋白。1936年《海上述林》上卷出版时,鲁迅的身体已经极度虚弱,但他仍一遍遍翻看样书,说“这是我对秋白最好的纪念”。"
: undefined
}
// description={
// activeExhibitId === 2
// ? '本书里面还收录了《理水》,文章写的是大禹治水"三过家门而不入"的上古传说,实则藏着对现实的尖锐针砭。当时反动派统治腐朽,面对内忧外患只会粉饰太平,还有一群空谈理论、脱离实际的"学者"混淆视听。大禹带领民众跋山涉水、实地勘察,摒弃"堵"的旧法改用"疏"的良方,历经千辛万苦终平水患。这哪里是写古代治水?分明是在赞颂脚踏实地、敢破敢立的实干精神,讽刺那些庸碌无为的当权者与空谈家,用远古的正义之光映照现实的黑暗。'
// : activeExhibitId === 5
// ? "为了妥善出版亡友遗著,鲁迅亲自选稿、校对、设计封面。为了躲避反动派的审查,他还特意用“诸夏怀霜社”的名义出版,“怀霜”就是为了纪念瞿秋白。1936年《海上述林》上卷出版时,鲁迅的身体已经极度虚弱,但他仍一遍遍翻看样书,说“这是我对秋白最好的纪念”。"
// : undefined
// }
onClose={() => {
if (activeExhibitId === 2) {
// 光标2:关闭展品框后显示题目
@@ -250,26 +256,47 @@ const LuxunPlace3 = () => {
</GuideStepsItem>
</GuideSteps>
{/* 光标2的引导对话 */}
<GuideSteps
visible={guide2Visible}
onVisibleChange={setGuide2Visible}
currentStep={guide2Step}
onStepChange={setGuide2Step}
showMask={false}
highlightSelectors={[]}
zIndex={10000}
>
<GuideStepsItem speaker="student">
这本书里面还收录了《理水》,是大禹治水的故事吗?
</GuideStepsItem>
<GuideStepsItem speaker="guide">
不错,文章写的是大禹治水“三过家门而不入”的上古传说,实则藏着对现实的尖锐针砭。当时反动派统治腐朽,面对内忧外患只会粉饰太平,还有一群空谈理论、脱离实际的“学者”混淆视听。
</GuideStepsItem>
<GuideStepsItem speaker="guide">
大禹带领民众跋山涉水、实地勘察,摒弃“堵”的旧法改用“疏”的良方,历经千辛万苦终平水患。这哪里是写古代治水?分明是在赞颂脚踏实地、敢破敢立的实干精神,讽刺那些庸碌无为的当权者与空谈家,用远古的正义之光映照现实的黑暗。
</GuideStepsItem>
</GuideSteps>
{/* 光标2的题目 */}
<SingleChoiceQuizPanel
visible={quiz2Visible}
title="鲁迅在上海大陆新村9号居住期间,翻译外国作品的核心目的不包括()"
title="【单选】鲁迅在上海大陆新村9号居住期间,翻译外国作品的核心目的不包括:"
options={[
{
value: "A",
label: "为中国文艺引进新思想、新血液",
label: "A.为中国文艺引进新思想、新血液",
},
{
value: "B",
label: "让中国青年接触更先进的文化理念",
label: "B.让中国青年接触更先进的文化理念",
},
{
value: "C",
label: "直接参与武装革命的战略部署",
label: "C.直接参与武装革命的战略部署",
},
{
value: "D",
label: "以翻译为武器助力思想启蒙",
label: "D.以翻译为武器助力思想启蒙",
},
]}
correctAnswer="C"
@@ -369,12 +396,12 @@ const LuxunPlace3 = () => {
{/* 光标5的题目 */}
<SingleChoiceQuizPanel
visible={quiz5Visible}
title="鲁迅在上海大陆新村9号居住期间,为纪念瞿秋白编校的译文集是()"
title="【单选】鲁迅在上海大陆新村9号居住期间,为纪念瞿秋白编校的译文集是:"
options={[
{ value: "A", label: "《仿自由书》" },
{ value: "B", label: "《南腔北调集》" },
{ value: "C", label: "《海上述林》" },
{ value: "D", label: "《故事新编》" },
{ value: "A", label: "A.《仿自由书》" },
{ value: "B", label: "B.《南腔北调集》" },
{ value: "C", label: "C.《海上述林》" },
{ value: "D", label: "D.《故事新编》" },
]}
correctAnswer="C"
errorMessage={quiz5Error}