feat: 更新拖拽题功能和图像资源,提升学习体验

- 在 DragQuizPanel 组件中添加空白分隔符功能,增强用户交互性。
- 更新多个场景中的图像资源,确保视觉内容的准确性和一致性。
- 调整引导对话文本,提升信息传达的清晰度。
- 引入新的拖拽题逻辑,优化用户填写体验。
This commit is contained in:
zhongyidian committed 2026-01-18 16:45:06 +08:00
1 parent 9184c41cc7
commit cf64e7ec50
25 files changed
+726 -241

No files matched your search

+18 -4
View File
@@ -12,6 +12,7 @@ import { useNavigate, useParams } from "react-router-dom";
import { getBackgroundImage, getPublicPath, getStaticImage } from "@/lib/utils";
import { useState } from "react";
import SuccessAlert from "@/components/layout/alert/success-alert";
import { useCursorController } from "@/hooks/useCursorController";
// starName 固定为 luxun
const starName = "luxun";
@@ -45,6 +46,16 @@ const LuxunPlace5 = () => {
);
const [visited, setVisited] = useState<Set<number>>(new Set());
// Cursor 顺序控制:1 -> 2 -> 3
const { isEnabled } = useCursorController({
initialEnabled: [1],
dependencies: {
2: [1],
3: [2],
},
visited: visited,
});
// 光标2的题目状态
const [quizVisible, setQuizVisible] = useState(false);
const [quizError, setQuizError] = useState(quizDefaultError);
@@ -108,16 +119,19 @@ const LuxunPlace5 = () => {
className="absolute left-167 bottom-30"
onClick={() => handleOpenExhibit(1)}
read={visited.has(1)}
disabled={!isEnabled(1)}
/>
<Cursor
className="absolute left-228 bottom-30"
onClick={() => handleOpenExhibit(2)}
read={visited.has(2)}
disabled={!isEnabled(2)}
/>
<Cursor
className="absolute right-115 bottom-18 z-20"
onClick={() => handleOpenExhibit(3)}
read={visited.has(3)}
disabled={!isEnabled(3)}
/>
{completed && (
@@ -190,10 +204,10 @@ const LuxunPlace5 = () => {
visible={quizVisible}
title="【单选】上海鲁迅故居三楼客房被称为“红色庇护所”,以下哪位共产党人曾在此避难并与鲁迅探讨革命议题?"
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="B"
errorMessage={quizError}