feat:黄炎培对话对接中

src/pages/chenyun/place/place5.tsx

@@ -6,6 +6,7 @@ import {
   Cursor,
   Video,
   Overlay,
+  StudyGuideModal,
 } from "@/components";
 import { getBackgroundImage, getStaticImage, getPublicPath } from "@/lib/utils";
 import { useNavigate, useParams } from "react-router-dom";
@@ -36,6 +37,8 @@ const ChenyunPlace5 = () => {
     null
   );
   const [videoVisible3, setVideoVisible3] = useState(false);
+  // 学习引导弹窗
+  const [showGuideModal, setShowGuideModal] = useState(true);
 
   const handleOpenExhibit = (index: 1 | 2 | 3) => {
     if (index === 3) {
@@ -152,6 +155,19 @@ const ChenyunPlace5 = () => {
           setActiveExhibitId(null);
         }}
       />
+
+      {/* 学习引导 */}
+      <StudyGuideModal
+        visible={showGuideModal}
+        onContinue={() => setShowGuideModal(false)}
+        ailgn="left"
+      >
+        1、场景中出现动态光点的展品表示未浏览，可通过点击光点来了解展品背后的故事，通过滚轮可以放大展品，浏览展品后蓝色动态光点会变为已浏览状态；
+        {"\n"}
+        2、在学习过程中会掉落拼图碎片，拼图碎片会自动收入拼图盒中，拼图盒可以点击查看当前拼图收集情况，点击单个拼图可以回到获得拼图的场景再次学习；
+        {"\n"}
+        3、所有动态光点的展品全部学习后才能进入下一个场景学习；
+      </StudyGuideModal>
     </div>
   );
 };