upp

展示端/public/myData/data.js

@@ -1,4 +1,5 @@
 const infoTemo = {
+  serverUrl: 'https://ysxwyzl.4dage.com',
   swArr: [
     {
       id: 2,

展示端/src/App.tsx

@@ -12,6 +12,7 @@ import MessageCom from './components/Message'
 import screenImg from '@/assets/img/landtip.png'
 
 const A1home = React.lazy(() => import('./pages/A1home'))
+const A2scene = React.lazy(() => import('./pages/A2scene'))
 
 export default function App() {
   // 从仓库中获取查看图片的信息
@@ -36,6 +37,7 @@ export default function App() {
         <React.Suspense fallback={<SpinLoding />}>
           <Switch>
             {/* <Route path='/codeSucc/:id' component={A3codeSucc} /> */}
+            <Route path='/scene/:id' component={A2scene} />
             <Route path='/' component={A1home} />
           </Switch>
         </React.Suspense>

展示端/src/pages/A1home/index.tsx

@@ -14,11 +14,6 @@ type NumListRowType = {
 }
 
 function A1home() {
-  // 新窗口打开页面
-  const openPage = useCallback((url: string) => {
-    window.open(url, '_self')
-  }, [])
-
   const [list, setList] = useState<A1listType[]>([])
 
   const listRef = useRef<A1listType[]>([])
@@ -82,14 +77,22 @@ function A1home() {
     [list]
   )
 
+  // 新窗口打开页面
+  const openPage = useCallback((url: string) => {
+    window.open(url, '_self')
+  }, [])
+
   return (
     <div className={styles.A1home}>
       <div className='A1top'>
         <Swiper loop autoplay>
           {myInfo.swArr.map(item => (
             <Swiper.Item key={item.id}>
-              <div onClick={() => openPage(item.link)}>
-                <img src={`./myData/img/${item.id}h.jpg`} alt='' />
+              <div
+                //  onClick={() => history.push(`/scene/${item.id}`)}
+                onClick={() => openPage(item.link)}
+              >
+                <img src={`${myInfo.serverUrl}/bwCN/myData/img/${item.id}h.jpg`} alt='' />
               </div>
             </Swiper.Item>
           ))}
@@ -104,8 +107,9 @@ function A1home() {
             .map(item => (
               <div className='A1_1row' key={item.id}>
                 <img
-                  src={`./myData/img/${item.id}s.jpg`}
+                  src={`${myInfo.serverUrl}/bwCN/myData/img/${item.id}s.jpg`}
                   alt=''
+                  // onClick={() => history.push(`/scene/${item.id}`)}
                   onClick={() => openPage(item.link)}
                 />
                 <div className='A1_1row1'>{item.name}</div>

展示端/src/pages/A2scene/index.module.scss

@@ -0,0 +1,9 @@
+.A2scene {
+  overflow: hidden;
+  :global {
+    iframe {
+      width: 100%;
+      height: 100%;
+    }
+  }
+}

展示端/src/pages/A2scene/index.tsx

@@ -0,0 +1,32 @@
+import React, { useEffect, useState } from 'react'
+import styles from './index.module.scss'
+import { useParams } from 'react-router-dom'
+import { myInfo } from '@/utils/history'
+function A2scene() {
+  const urlObjTemp: any = useParams()
+
+  const [url, setUrl] = useState('')
+
+  useEffect(() => {
+    if (urlObjTemp.id) {
+      const obj = myInfo.swArr.find(v => v.id === Number(urlObjTemp.id))
+      if (obj && obj.link) {
+        setUrl(obj.link)
+        // // 新窗口打开页面
+        // window.open(obj.link, '_blank')
+      }
+    }
+
+    console.log(123, urlObjTemp.id)
+  }, [urlObjTemp])
+
+  return (
+    <div className={styles.A2scene}>
+      {url ? <iframe src={url} frameBorder='0' title='场景'></iframe> : null}
+    </div>
+  )
+}
+
+const MemoA2scene = React.memo(A2scene)
+
+export default MemoA2scene

展示端/src/utils/history.ts

@@ -27,6 +27,7 @@ export type A1listType = {
 }
 
 type MyInfoType = {
+  serverUrl: string
   swArr: A1listType[]
 }