feat:黄炎培对话对接中

src/pages/luxun/place/place1.tsx

@@ -88,8 +88,8 @@ const LuxunPlace1 = () => {
       {/* 继续前进 - 仅在完成所有展品后显示 */}
       {completed && (
         <Image
-          className="absolute bottom-0 left-130"
-          src={getStaticImage("luxun/place1/前进")}
+          className="absolute bottom-0 right-0"
+          src={getStaticImage("components/place/继续前进")}
           button
           onClick={() => {
             navigate(`/${moduleName}/${starName}/place2`);

src/pages/luxun/place/place3.tsx

@@ -7,10 +7,12 @@ import { useState } from "react";
 const starName = "luxun";
 
 // 展品 ID 与资源路径映射
-const exhibitSrcMap: Record<1 | 2 | 3, string> = {
-  1: "luxun/place3/展品8",
-  2: "luxun/place3/展品7",
-  3: "luxun/place3/展品6",
+const exhibitSrcMap: Record<1 | 2 | 3 | 4 | 5, string> = {
+  1: "luxun/place3/6",
+  2: "luxun/place3/7",
+  3: "luxun/place3/8",
+  4: "luxun/place3/9",
+  5: "luxun/place3/10",
 };
 
 const LuxunPlace3 = () => {
@@ -19,21 +21,21 @@ const LuxunPlace3 = () => {
     moduleName: string;
   }>();
 
-  const [activeExhibitId, setActiveExhibitId] = useState<1 | 2 | 3 | null>(
-    null
-  );
+  const [activeExhibitId, setActiveExhibitId] = useState<
+    1 | 2 | 3 | 4 | 5 | null
+  >(null);
   const [visited, setVisited] = useState<Set<number>>(new Set());
 
-  const handleOpenExhibit = (index: 1 | 2 | 3) => {
+  const handleOpenExhibit = (index: 1 | 2 | 3 | 4 | 5) => {
     setActiveExhibitId(index);
   };
 
   const progressCount = visited.size;
-  const total = 3;
+  const total = 5;
   const completed = progressCount >= total;
   const subtitle = completed
-    ? "探索二楼卧室兼书房(已完成)"
-    : `探索二楼卧室兼书房(${progressCount}/${total})`;
+    ? "探索二楼卧室兼书房的书桌(已完成)"
+    : `探索二楼卧室兼书房的书桌(${progressCount}/${total})`;
   const subtitleClassName = completed
     ? "text-[#fff998] [text-shadow:_0_8px_8px_rgba(0,0,0,0.35),_0_0_16px_rgba(0,0,0,0.25)]"
     : undefined;
@@ -46,7 +48,7 @@ const LuxunPlace3 = () => {
       }}
     >
       <Title
-        title="历史新编中的现实呐喊"
+        title="历史新编中的现实呐喊&为亡友编纂的精神丰碑"
         subtitle={subtitle}
         subtitleClassName={subtitleClassName}
         className="absolute top-10 left-1/2 -translate-x-1/2"
@@ -65,28 +67,40 @@ const LuxunPlace3 = () => {
 
       {/* 展品 */}
       <Cursor
-        className="absolute left-90 bottom-140"
+        className="absolute right-114 bottom-130"
         onClick={() => handleOpenExhibit(1)}
-        size={0.4}
+        size={0.6}
         read={visited.has(1)}
       />
       <Cursor
-        className="absolute right-225 bottom-120"
+        className="absolute right-130 bottom-115"
         onClick={() => handleOpenExhibit(2)}
-        size={0.4}
+        size={0.6}
         read={visited.has(2)}
       />
       <Cursor
-        className="absolute right-214 bottom-123"
+        className="absolute left-76 bottom-140"
         onClick={() => handleOpenExhibit(3)}
-        size={0.4}
+        size={0.6}
         read={visited.has(3)}
       />
+      <Cursor
+        className="absolute right-238 bottom-125"
+        onClick={() => handleOpenExhibit(4)}
+        size={0.6}
+        read={visited.has(4)}
+      />
+      <Cursor
+        className="absolute right-258 bottom-118"
+        onClick={() => handleOpenExhibit(5)}
+        size={0.6}
+        read={visited.has(5)}
+      />
 
       {completed && (
         <Image
-          className="absolute bottom-25 right-[calc(50%-270px)]"
-          src={getStaticImage("luxun/place3/前进")}
+          className="absolute bottom-0 right-130"
+          src={getStaticImage("luxun/place3/前进按钮")}
           button
           onClick={() => {
             navigate(`/${moduleName}/${starName}/place4`);

src/pages/luxun/place/place4.tsx

@@ -7,30 +7,33 @@ import { useState } from "react";
 const starName = "luxun";
 
 // 展品 ID 与资源路径映射
-const exhibitSrcMap: Record<1 | 2, string> = {
-  1: "luxun/place4/展品9_t",
-  2: "luxun/place4/展品9_b",
+const exhibitSrcMap: Record<1 | 2 | 3, string> = {
+  1: "luxun/place4/展品11",
+  2: "luxun/place4/展品12",
+  3: "luxun/place4/展品13",
 };
 
-const LuxunPlace4 = () => {
+const LuxunPlace5 = () => {
   const navigate = useNavigate();
   const { moduleName } = useParams<{
     moduleName: string;
   }>();
 
-  const [activeExhibitId, setActiveExhibitId] = useState<1 | 2 | null>(null);
+  const [activeExhibitId, setActiveExhibitId] = useState<1 | 2 | 3 | null>(
+    null
+  );
   const [visited, setVisited] = useState<Set<number>>(new Set());
 
-  const handleOpenExhibit = (index: 1 | 2) => {
+  const handleOpenExhibit = (index: 1 | 2 | 3) => {
     setActiveExhibitId(index);
   };
 
   const progressCount = visited.size;
-  const total = 2;
+  const total = 3;
   const completed = progressCount >= total;
   const subtitle = completed
-    ? "探索二楼卧室兼书房的书桌(已完成)"
-    : `探索二楼卧室兼书房的书桌(${progressCount}/${total})`;
+    ? "探索鲁迅故居的客房(已完成)"
+    : `探索鲁迅故居的客房(${progressCount}/${total})`;
   const subtitleClassName = completed
     ? "text-[#fff998] [text-shadow:_0_8px_8px_rgba(0,0,0,0.35),_0_0_16px_rgba(0,0,0,0.25)]"
     : undefined;
@@ -43,7 +46,7 @@ const LuxunPlace4 = () => {
       }}
     >
       <Title
-        title="为亡友编纂的精神丰碑"
+        title="6平方米的红色庇护所"
         subtitle={subtitle}
         subtitleClassName={subtitleClassName}
         className="absolute top-10 left-1/2 -translate-x-1/2"
@@ -62,25 +65,28 @@ const LuxunPlace4 = () => {
 
       {/* 展品 */}
       <Cursor
-        className="absolute left-170 bottom-115"
-        size={0.4}
+        className="absolute left-167 bottom-30"
         onClick={() => handleOpenExhibit(1)}
         read={visited.has(1)}
       />
       <Cursor
-        className="absolute left-183 bottom-115"
-        size={0.4}
+        className="absolute left-228 bottom-30"
         onClick={() => handleOpenExhibit(2)}
         read={visited.has(2)}
       />
+      <Cursor
+        className="absolute right-115 bottom-18 z-20"
+        onClick={() => handleOpenExhibit(3)}
+        read={visited.has(3)}
+      />
 
       {completed && (
         <Image
-          className="absolute bottom-0 right-120"
-          src={getStaticImage("luxun/place4/前进")}
+          className="absolute bottom-0 right-0"
+          src={getStaticImage("luxun/place4/离开")}
           button
           onClick={() => {
-            navigate(`/${moduleName}/${starName}/place5`);
+            navigate(`/${moduleName}/${starName}/home`);
           }}
         />
       )}
@@ -103,4 +109,4 @@ const LuxunPlace4 = () => {
   );
 };
 
-export default LuxunPlace4;
+export default LuxunPlace5;

src/pages/luxun/place/place5.tsx

@@ -1,112 +0,0 @@
-import { ExhibitOverlay, Image, Title, Cursor } from "@/components";
-import { useNavigate, useParams } from "react-router-dom";
-import { getBackgroundImage, getStaticImage } from "@/lib/utils";
-import { useState } from "react";
-
-// starName 固定为 luxun
-const starName = "luxun";
-
-// 展品 ID 与资源路径映射
-const exhibitSrcMap: Record<1 | 2 | 3, string> = {
-  1: "luxun/place5/展品11",
-  2: "luxun/place5/展品12",
-  3: "luxun/place5/展品13",
-};
-
-const LuxunPlace5 = () => {
-  const navigate = useNavigate();
-  const { moduleName } = useParams<{
-    moduleName: string;
-  }>();
-
-  const [activeExhibitId, setActiveExhibitId] = useState<1 | 2 | 3 | null>(
-    null
-  );
-  const [visited, setVisited] = useState<Set<number>>(new Set());
-
-  const handleOpenExhibit = (index: 1 | 2 | 3) => {
-    setActiveExhibitId(index);
-  };
-
-  const progressCount = visited.size;
-  const total = 3;
-  const completed = progressCount >= total;
-  const subtitle = completed
-    ? "探索鲁迅故居的客房(已完成)"
-    : `探索鲁迅故居的客房(${progressCount}/${total})`;
-  const subtitleClassName = completed
-    ? "text-[#fff998] [text-shadow:_0_8px_8px_rgba(0,0,0,0.35),_0_0_16px_rgba(0,0,0,0.25)]"
-    : undefined;
-
-  return (
-    <div
-      className="w-full h-full bg-cover bg-center bg-no-repeat"
-      style={{
-        backgroundImage: getBackgroundImage(`luxun/place5/背景`),
-      }}
-    >
-      <Title
-        title="6平方米的红色庇护所"
-        subtitle={subtitle}
-        subtitleClassName={subtitleClassName}
-        className="absolute top-10 left-1/2 -translate-x-1/2"
-      />
-
-      <Image
-        className="absolute right-5 top-5"
-        src={getStaticImage("components/离开")}
-        button
-        onClick={() => {
-          if (moduleName && starName) {
-            navigate(`/${moduleName}/${starName}/place4`);
-          }
-        }}
-      />
-
-      {/* 展品 */}
-      <Cursor
-        className="absolute left-167 bottom-30"
-        onClick={() => handleOpenExhibit(1)}
-        read={visited.has(1)}
-      />
-      <Cursor
-        className="absolute left-228 bottom-30"
-        onClick={() => handleOpenExhibit(2)}
-        read={visited.has(2)}
-      />
-      <Cursor
-        className="absolute right-115 bottom-18 z-20"
-        onClick={() => handleOpenExhibit(3)}
-        read={visited.has(3)}
-      />
-
-      {completed && (
-        <Image
-          className="absolute bottom-0 right-0"
-          src={getStaticImage("luxun/place5/离开")}
-          button
-          onClick={() => {
-            navigate(`/${moduleName}/${starName}/home`);
-          }}
-        />
-      )}
-
-      <ExhibitOverlay
-        visible={activeExhibitId !== null}
-        src={activeExhibitId ? exhibitSrcMap[activeExhibitId] : ""}
-        onClose={() => {
-          if (activeExhibitId !== null) {
-            setVisited((prev) => {
-              const next = new Set(prev);
-              next.add(activeExhibitId);
-              return next;
-            });
-          }
-          setActiveExhibitId(null);
-        }}
-      />
-    </div>
-  );
-};
-
-export default LuxunPlace5;