feat:黄炎培对话对接中

src/pages/chenyun/place/place9.tsx

@@ -7,6 +7,7 @@ import {
   Video,
   GuideSteps,
   GuideStepsItem,
+  StudyGuideModal,
 } from "@/components";
 import { getBackgroundImage, getStaticImage, getPublicPath } from "@/lib/utils";
 import { useNavigate, useParams } from "react-router-dom";
@@ -34,6 +35,8 @@ const ChenyunPlace9 = () => {
   // 对话引导状态
   const [guideVisible, setGuideVisible] = useState(false);
   const [guideStep, setGuideStep] = useState(0);
+  // 学习引导弹窗
+  const [showGuideModal, setShowGuideModal] = useState(true);
 
   const handleOpenExhibit = (_index: 1) => {
     // 展品1：播放视频
@@ -151,7 +154,10 @@ const ChenyunPlace9 = () => {
           我们已经沿着陈云的足迹，从练塘水乡走到改革开放的前沿，读懂了他"适合老百姓的要求，做了一点事"的初心。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
-          接下来，请你跨越时空，走进1949年刚解放时期的上海，参与到当时那场轰轰烈烈的"银元之战"和"米棉之战"之中去，在实践决策中体会，陈云"多谋善断""敢闯务实"的卓越智慧与战略魄力，感受我国集中力量办大事的制度优势如何在经济战场中彰显威力。
+          接下来，请你跨越时空，走进1949年刚解放时期的上海，参与到当时那场轰轰烈烈的"银元之战"和"米棉之战"之中去,在实践决策中体会，陈云"多谋善断""敢闯务实"的卓越智慧与战略魄力，
+        </GuideStepsItem>
+        <GuideStepsItem speaker="guide">
+          感受我国集中力量办大事的制度优势如何在经济战场中彰显威力。
         </GuideStepsItem>
       </GuideSteps>
 
@@ -170,6 +176,19 @@ const ChenyunPlace9 = () => {
           setActiveExhibitId(null);
         }}
       />
+
+      {/* 学习引导 */}
+      <StudyGuideModal
+        visible={showGuideModal}
+        onContinue={() => setShowGuideModal(false)}
+        ailgn="left"
+      >
+        1、场景中出现动态光点的展品表示未浏览，可通过点击光点来了解展品背后的故事，通过滚轮可以放大展品，浏览展品后蓝色动态光点会变为已浏览状态；
+        {"\n"}
+        2、在学习过程中会掉落拼图碎片，拼图碎片会自动收入拼图盒中，拼图盒可以点击查看当前拼图收集情况，点击单个拼图可以回到获得拼图的场景再次学习；
+        {"\n"}
+        3、所有动态光点的展品全部学习后才能进入下一个场景学习；
+      </StudyGuideModal>
     </div>
   );
 };