upp

Code/src/pages/A2visit2/A22Pano/index.tsx

@@ -1,7 +1,27 @@
-import React from 'react'
+import React, { useState } from 'react'
 import styles from './index.module.scss'
+import { myData } from '@/utils/http'
+import Hot2 from '@/pages/A2visit/PanoVideo/Hot2'
 function A22Pano() {
-  return <div className={styles.A22Pano}>待完善，全景图页面</div>
+  const [acInd, setAcInd] = useState(-1)
+
+  return (
+    <div className={styles.A22Pano}>
+      待完善，全景图页面
+      {myData.visit2.hot.map((item, index) => (
+        <div key={index} onClick={() => setAcInd(index)}>
+          {item.name}
+        </div>
+      ))}
+      {acInd !== -1 ? (
+        <Hot2
+          data={myData.visit2.hot[acInd].data}
+          closeFu={() => setAcInd(-1)}
+          name={myData.visit2.hot[acInd].name}
+        />
+      ) : null}
+    </div>
+  )
 }
 
 const MemoA22Pano = React.memo(A22Pano)

Code/src/pages/A6xian/A6PanoVideo/index.tsx

@@ -1,7 +1,27 @@
-import React from 'react'
+import React, { useState } from 'react'
 import styles from './index.module.scss'
+import { myData } from '@/utils/http'
+import Hot2 from '@/pages/A2visit/PanoVideo/Hot2'
 function A6PanoVideo() {
-  return <div className={styles.A6PanoVideo}>待完善，全景视频</div>
+  const [acInd, setAcInd] = useState(-1)
+
+  return (
+    <div className={styles.A6PanoVideo}>
+      待完善，全景视频
+      {myData.xianJu.hot.map((item, index) => (
+        <div key={index} onClick={() => setAcInd(index)}>
+          {item.name}
+        </div>
+      ))}
+      {acInd !== -1 ? (
+        <Hot2
+          data={myData.xianJu.hot[acInd].data}
+          closeFu={() => setAcInd(-1)}
+          name={myData.xianJu.hot[acInd].name}
+        />
+      ) : null}
+    </div>
+  )
 }
 
 const MemoA6PanoVideo = React.memo(A6PanoVideo)

Code/src/pages/A6xian/index.module.scss

@@ -73,7 +73,22 @@
         transform: translateX(-50%);
         display: flex;
         & > div {
+          font-size: 14px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: 160px;
+          height: 36px;
+          cursor: pointer;
           margin: 0 10px;
+          background-image: url('../../assets/img/xianJu/btn.png');
+          background-size: 100% 100%;
+          color: #fffddc;
+          transition: all 0.3s;
+          &:hover {
+            background-image: url('../../assets/img/xianJu/btnAc.png');
+            color: #a65c41;
+          }
         }
       }
     }

Code/src/pages/A6xian/index.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useRef, useState } from 'react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
 import styles from './index.module.scss'
 import BaseImg from '@/components/BaseImg'
 import { baseURL, myData } from '@/utils/http'
@@ -62,6 +62,14 @@ function A6xian() {
 
   const videoRef = useRef<HTMLVideoElement>(null)
 
+  useEffect(() => {
+    if (window.location.href.includes('t=xian')) {
+      setTimeout(() => {
+        if (videoRef.current) videoRef.current.play()
+      }, 100)
+    }
+  }, [])
+
   return (
     <div className={styles.A6xian}>
       {/* 初始静态图 */}
@@ -139,8 +147,8 @@ function A6xian() {
 
           {/* 底部按钮 */}
           <div className='A6XimgBoxBtn'>
-            <div onClick={() => history.push('/yun?t=xian')}>四神云气图</div>
             <div onClick={() => history.push('/xian?t=xian')}>卜千秋墓中的升仙图</div>
+            <div onClick={() => history.push('/yun?t=xian')}>四神云气图</div>
           </div>
         </div>
       ) : null}

Code/src/types/declaration.d.ts

@@ -45,6 +45,15 @@ type MyDataType = {
     btnArr: string[]
     baiXiBg: string
     baixiArr: string[]
+    hot: {
+      isModel?: boolean
+      name: string
+      size: number
+      atv: number
+      ath: number
+      hoverSrc: string
+      data: VisitHotDataType
+    }[]
   }
   banquet: {
     bgImg: string
@@ -134,6 +143,15 @@ type MyDataType = {
     bgImg: string
     videos: string[]
     lastVideo: string
+    hot: {
+      isModel?: boolean
+      name: string
+      size: number
+      atv: number
+      ath: number
+      hoverSrc: string
+      data: VisitHotDataType
+    }[]
   }
   end: {
     baseImg: string