feat: 更新图像资源和引导对话,提升学习体验
- 替换多个场景中的图像资源,确保视觉内容的准确性和一致性。 - 更新信件组件中的输入校验功能,提升用户填写体验。 - 调整引导对话文本,增强互动性和信息传达的清晰度。 - 引入结束窗口,鼓励用户深入了解鲁迅和孙中山的历史背景。
This commit is contained in:
1 parent
5bdfdadede
commit
ac7bb420fd
69 files changed
+1166
-442
No files matched your search
@@ -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}
|
||||
|
||||
Reference in new issue
Block a user