feat: --

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true
+}

Code/public/myData/myData.js

@@ -335,9 +335,9 @@ const banquetHotArr = [
     // 热点大小
     size: 1,
     // 垂直方向
-    atv: -2.1,
+    atv: -5.96,
     // 水平方向
-    ath: 8.23,
+    ath: 7.54,
     // pc鼠标移入显示的图片路径+名字
     hoverSrc: 'banquet/hot/hot1.png',
     // 热点定位百分比
@@ -375,9 +375,9 @@ const banquetHotArr = [
     // 热点大小
     size: 1,
     // 垂直方向
-    atv: 3.79,
+    atv: 2.2,
     // 水平方向
-    ath: -3.89,
+    ath: -7.5,
     // pc鼠标移入显示的图片路径+名字
     hoverSrc: 'banquet/hot/hot2.png',
     // 热点定位百分比
@@ -450,9 +450,9 @@ const banquetHotArr = [
     // 热点大小
     size: 0.7,
     // 垂直方向
-    atv: -1.65,
+    atv: -3.77,
     // 水平方向
-    ath: -43.65,
+    ath: -54.44,
     // pc鼠标移入显示的图片路径+名字
     hoverSrc: 'banquet/hot/hot4.png',
     // 热点定位百分比
@@ -475,11 +475,11 @@ const banquetHotArr = [
     // 热点名字
     name: '五凤铜熏炉',
     // 热点大小
-    size: .6,
+    size: 0.6,
     // 垂直方向
-    atv: -0.08,
+    atv: -2.144,
     // 水平方向
-    ath: 55,
+    ath: 63.95,
     // pc鼠标移入显示的图片路径+名字
     hoverSrc: 'banquet/hot/hot5.png',
     // 热点定位百分比
@@ -507,11 +507,11 @@ const banquetHotArr = [
     // 热点名字
     name: '红绿釉陶灯',
     // 热点大小
-    size: .6,
+    size: 0.6,
     // 垂直方向
-    atv: -0.08,
+    atv: -1.88,
     // 水平方向
-    ath: 63.79,
+    ath: 76.3,
     // pc鼠标移入显示的图片路径+名字
     hoverSrc: 'banquet/hot/hot6.png',
     // 热点定位百分比
@@ -536,9 +536,9 @@ const banquetHotArr = [
     // 热点大小
     size: 1,
     // 垂直方向
-    atv: 2.28,
+    atv: 3.45,
     // 水平方向
-    ath: 15.84,
+    ath: 22.2,
     // pc鼠标移入显示的图片路径+名字
     hoverSrc: 'banquet/hot/hot7.png',
     // 热点定位百分比

Code/src/pages/A2visit/PanoVideo/index.tsx

@@ -18,71 +18,77 @@ function PanoVideo() {
     else return []
   }, [ind])
 
-  return <>
-    <KrpanoMiddleware ref={middlewareIns}>
-      <Krpano className={styles.PanoVideo} currentScene='scene1' onReady={() => middlewareIns.current?.ready()}>
-        <VideoScene name='scene1'
-          videointerfaceXmlUrl="./skin/videointerface.xml"
-          videoplayerUrl="./plugins/videoplayer.js"
-          sourceList={[
-            {
-              res: "2000x1000",
-              url: otherUrl + "pano/1.mp4",
-              poster: "",
-            },
-          ]}
-          playRes="2000x1000"
-          onVisibility={() => {
-            if (document.visibilityState === "visible") {
-              videoSceneModel.play();
-            }
-          }}
+  return (
+    <>
+      <KrpanoMiddleware ref={middlewareIns}>
+        <Krpano
+          className={styles.PanoVideo}
+          currentScene='scene1'
+          onReady={() => middlewareIns.current?.ready()}
         >
-          <View
-            hlookat={0}
-            vlookat={0}
-            fovType="MFOV"
-            fov={100}
-            maxPixelZoom={2}
-            fovMin={70}
-            fovMax={140}
-            limitView="auto"
-          />
+          <VideoScene
+            name='scene1'
+            videointerfaceXmlUrl='./skin/videointerface.xml'
+            videoplayerUrl='./plugins/videoplayer.js'
+            sourceList={[
+              {
+                res: '2000x1000',
+                url: otherUrl + 'pano/1.mp4',
+                poster: ''
+              }
+            ]}
+            playRes='2000x1000'
+            onVisibility={() => {
+              if (document.visibilityState === 'visible') {
+                videoSceneModel.play()
+              }
+            }}
+          >
+            <View
+              hlookat={0}
+              vlookat={0}
+              fovType='MFOV'
+              fov={100}
+              fovMin={70}
+              fovMax={130}
+              limitView='auto'
+            />
 
-          {myData.visit.hot.map((item, index) => (
-            // 热点图标
-            <HotSpot
-              key={index}
-              type="text"
-              name={item.name}
-              atv={item.atv}
-              ath={item.ath}
-              edge="top"
-              distorted={true}
-              scale={item.size}
-              bg={false}
-              onOver={() => setActiveIdx(index)}
-              onOut={() => setActiveIdx(-1)}
-              onClick={() => setInd(index)}
-            >
-              <HotIcon
-                index={index}
-                isHoverAc={activeIdx === index}
-                hoverSrc={item.hoverSrc}
-                panoWidth='113px'
-              />
-            </HotSpot>
-          ))}
-        </VideoScene>
-      </Krpano>
-    </KrpanoMiddleware>
+            {myData.visit.hot.map((item, index) => (
+              // 热点图标
+              <HotSpot
+                key={index}
+                type='text'
+                name={item.name}
+                atv={item.atv}
+                ath={item.ath}
+                edge='top'
+                distorted={true}
+                scale={item.size}
+                bg={false}
+                onOver={() => setActiveIdx(index)}
+                onOut={() => setActiveIdx(-1)}
+                onClick={() => setInd(index)}
+              >
+                <HotIcon
+                  index={index}
+                  isHoverAc={activeIdx === index}
+                  hoverSrc={item.hoverSrc}
+                  panoWidth='113px'
+                />
+              </HotSpot>
+            ))}
+          </VideoScene>
+        </Krpano>
+      </KrpanoMiddleware>
 
-    {ind === -1 ? null : ind === 0 ? (
-      <Hot1 data={data} closeFu={() => setInd(-1)} />
-    ) : (
-      <Hot2 data={data} closeFu={() => setInd(-1)} name={myData.visit.hot[ind].name} />
-    )}
-  </>
+      {ind === -1 ? null : ind === 0 ? (
+        <Hot1 data={data} closeFu={() => setInd(-1)} />
+      ) : (
+        <Hot2 data={data} closeFu={() => setInd(-1)} name={myData.visit.hot[ind].name} />
+      )}
+    </>
+  )
 }
 
 const MemoPanoVideo = React.memo(PanoVideo)

Code/src/pages/A3banquet/PanoImg/index.tsx

@@ -17,80 +17,87 @@ function PanoImg() {
     else return []
   }, [ind])
 
-  return <>
-    <KrpanoMiddleware ref={middlewareIns}>
-      <Krpano className={styles.PanoImg} currentScene='scene1' onReady={() => middlewareIns.current?.ready()}>
-        <Scene name='scene1'
-          previewUrl={otherUrl + 'pano/pano2.tiles/preview.jpg'}
-          imageTagAttributes={{
-            type: "cube",
-            tileSize: 512,
-            multires: true,
-          }}
-          images={[
-            {
-              tiledImageWidth: 2624,
-              tiledImageHeight: 2624,
-              url: otherUrl + "pano/pano2.tiles/%s/l3/%v/l3_%s_%v_%h.jpg",
-            },
-            {
-              tiledImageWidth: 1280,
-              tiledImageHeight: 1280,
-              url: otherUrl + "pano/pano2.tiles/%s/l2/%v/l2_%s_%v_%h.jpg",
-            },
-            {
-              tiledImageWidth: 640,
-              tiledImageHeight: 640,
-              url: otherUrl + "pano/pano2.tiles/%s/l1/%v/l1_%s_%v_%h.jpg",
-            },
-          ]}
+  return (
+    <>
+      <KrpanoMiddleware ref={middlewareIns}>
+        <Krpano
+          className={styles.PanoImg}
+          currentScene='scene1'
+          onReady={() => middlewareIns.current?.ready()}
         >
-          <View
-            hlookat={0}
-            vlookat={0}
-            fovType="MFOV"
-            fov={120}
-            maxPixelZoom={2}
-            fovMin={70}
-            fovMax={140}
-            limitView="range"
-            hlookatMin={-90}
-            hlookatMax={90}
-            vlookatMin={-80}
-            vlookatMax={80}
-          />
-          {myData.banquet.hot.map((item, index) => (
-            // 热点图标
-            <HotSpot
-              key={index}
-              type="text"
-              name={item.name}
-              atv={item.atv}
-              ath={item.ath}
-              edge="top"
-              distorted={true}
-              scale={item.size}
-              bg={false}
-              onOver={() => setActiveIdx(index)}
-              onOut={() => setActiveIdx(-1)}
-              onClick={() => setInd(index)}
-            >
-              <HotIcon key={index}
-                index={index}
-                isHoverAc={activeIdx === index}
-                hoverSrc={item.hoverSrc}
-                panoWidth='146px'
-              />
-            </HotSpot>
-          ))}
-        </Scene>
-      </Krpano>
-    </KrpanoMiddleware>
+          <Scene
+            name='scene1'
+            previewUrl={otherUrl + 'pano/pano2.tiles/preview.jpg'}
+            imageTagAttributes={{
+              type: 'cube',
+              tileSize: 512,
+              multires: true
+            }}
+            images={[
+              {
+                tiledImageWidth: 2624,
+                tiledImageHeight: 2624,
+                url: otherUrl + 'pano/pano2.tiles/%s/l3/%v/l3_%s_%v_%h.jpg'
+              },
+              {
+                tiledImageWidth: 1280,
+                tiledImageHeight: 1280,
+                url: otherUrl + 'pano/pano2.tiles/%s/l2/%v/l2_%s_%v_%h.jpg'
+              },
+              {
+                tiledImageWidth: 640,
+                tiledImageHeight: 640,
+                url: otherUrl + 'pano/pano2.tiles/%s/l1/%v/l1_%s_%v_%h.jpg'
+              }
+            ]}
+          >
+            <View
+              hlookat={0}
+              vlookat={0}
+              fovType='MFOV'
+              fov={120}
+              fovMin={70}
+              fovMax={130}
+              limitView='range'
+              hlookatMin={-150}
+              hlookatMax={140}
+              vlookatMin={-90}
+              vlookatMax={90}
+            />
+            {myData.banquet.hot.map((item, index) => (
+              // 热点图标
+              <HotSpot
+                key={index}
+                type='text'
+                name={item.name}
+                atv={item.atv}
+                ath={item.ath}
+                edge='top'
+                distorted={true}
+                scale={item.size}
+                bg={false}
+                onOver={() => setActiveIdx(index)}
+                onOut={() => setActiveIdx(-1)}
+                onClick={() => setInd(index)}
+              >
+                <HotIcon
+                  key={index}
+                  index={index}
+                  isHoverAc={activeIdx === index}
+                  hoverSrc={item.hoverSrc}
+                  panoWidth='146px'
+                />
+              </HotSpot>
+            ))}
+          </Scene>
+        </Krpano>
+      </KrpanoMiddleware>
 
-    {ind === -1 ? null : (
-      <Hot2 data={data} closeFu={() => setInd(-1)} name={myData.banquet.hot[ind].name} />
-    )}
-  </>
+      {ind === -1 ? null : (
+        <Hot2 data={data} closeFu={() => setInd(-1)} name={myData.banquet.hot[ind].name} />
+      )}
+    </>
+  )
 }
 
 const MemoPanoImg = React.memo(PanoImg)