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

+16 -16
View File
@@ -37,9 +37,9 @@ const SunzhongshanPlace2 = () => {
const { isEnabled } = useCursorController({
initialEnabled: [1],
dependencies: {
2: [1],
3: [2],
4: [3],
2: [3],
3: [4],
4: [1],
},
visited: visited,
});
@@ -55,9 +55,9 @@ const SunzhongshanPlace2 = () => {
const [guide4Visible, setGuide4Visible] = useState(false);
const [guide4Step, setGuide4Step] = useState(0);
// 光标3的视频状态
const [showVideo3, setShowVideo3] = useState(false);
const video3Ref = useRef<VideoRef>(null);
// 光标2的视频状态
const [showVideo2, setShowVideo2] = useState(false);
const video2Ref = useRef<VideoRef>(null);
const handleOpenExhibit = (index: 1 | 2 | 3 | 4) => {
setActiveExhibitId(index);
@@ -162,13 +162,13 @@ const SunzhongshanPlace2 = () => {
setActiveExhibitId(null);
setShowVideo1(true);
return;
} else if (currentId === 2) {
// 光标2:关闭窗口后播放视频
setActiveExhibitId(null);
setShowVideo2(true);
return;
} else if (currentId === 4) {
// 光标4:正常关闭,更新visited状态
} else if (currentId === 3) {
// 光标3:关闭窗口后播放视频
setActiveExhibitId(null);
setShowVideo3(true);
return;
}
if (currentId !== null) {
setVisited((prev) => {
@@ -248,21 +248,21 @@ const SunzhongshanPlace2 = () => {
</GuideStepsItem>
</GuideSteps>
{/* 光标3的视频 */}
{showVideo3 && (
{/* 光标2的视频 */}
{showVideo2 && (
<Video
ref={video3Ref}
ref={video2Ref}
src={getPublicPath("video/sunzhongshan/sunzhongshan_06.mp4")}
className="fixed inset-0 z-[20000]"
autoPlay
playsInline
showSkipButton
onEnded={() => {
setShowVideo3(false);
setShowVideo2(false);
// 修改cursor状态
setVisited((prev) => {
const next = new Set(prev);
next.add(3);
next.add(2);
return next;
});
}}