feat: 更新拖拽题功能和图像资源,提升学习体验
- 在 DragQuizPanel 组件中添加空白分隔符功能,增强用户交互性。 - 更新多个场景中的图像资源,确保视觉内容的准确性和一致性。 - 调整引导对话文本,提升信息传达的清晰度。 - 引入新的拖拽题逻辑,优化用户填写体验。
This commit is contained in:
1 parent
9184c41cc7
commit
cf64e7ec50
25 files changed
+726
-241
No files matched your search
@@ -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;
|
||||
});
|
||||
}}
|
||||
|
||||
Reference in new issue
Block a user