up

src/App.tsx

@@ -27,6 +27,8 @@ const A6ybwx = React.lazy(() => import('./pages/A6ybwx'))
 const A7Wjwj = React.lazy(() => import('./pages/A7wjwj'))
 const A6_1_zxys = React.lazy(() => import('./pages/A6ybwx/A6_1_zxys'))
 const A6_2_zxzgh = React.lazy(() => import('./pages/A6ybwx/A6_2_zxzgh'))
+// 墓影智慧
+const A8byzh = React.lazy(() => import('./pages/A8byzh'))
 
 declare global {
   //设置全局属性
@@ -607,6 +609,7 @@ export default function App() {
             <Route path='/wjwj' component={A7Wjwj} exact />
             <Route path='/zxys' component={A6_1_zxys} exact />
             <Route path='/sinicize' component={A6_2_zxzgh} exact />
+            <Route path='/byzh' component={A8byzh} exact />
             <Route path='*' component={NotFound} />
           </Switch>
         </React.Suspense>

src/components/MenuSider/index.tsx

@@ -2,6 +2,7 @@ import React, { useState } from 'react'
 import styles from './index.module.scss'
 import classNames from 'classnames'
 import { isPc } from '@/utils/http'
+import { Toast } from 'antd-mobile'
 
 /**
  * @param activeTab 0:一碑两面 1:一碑万象 2:无尽未竟
@@ -10,7 +11,13 @@ function MenuSider({ activeTab }: { activeTab: number }) {
   const [isShowMenu, setIsShowMenu] = useState(false)
 
   const byzhClick = (activeTab: number) => {
-    window.location.replace(activeTab === 0 ? '#/byzh?fromPath=yblm' : activeTab === 1 ? '#/byzh?fromPath=ybwx' : '#/byzh?fromPath=wjwj')
+    window.location.replace(
+      activeTab === 0
+        ? '#/byzh?fromPath=yblm'
+        : activeTab === 1
+        ? '#/byzh?fromPath=ybwx'
+        : '#/byzh?fromPath=wjwj'
+    )
   }
   return (
     <>
@@ -77,7 +84,16 @@ function MenuSider({ activeTab }: { activeTab: number }) {
               </div>
               <div className='knowledge'>
                 <img src={require('@/assets/img/icon_knowledge.png')} alt='' />
-                <div className='txt'>知识图谱</div>
+                <div
+                  className='txt'
+                  onClick={() => {
+                    Toast.show({
+                      content: '正在开发中'
+                    })
+                  }}
+                >
+                  知识图谱
+                </div>
               </div>
               {/* <div className='poster'>
                 <img src={require('@/assets/img/icon_poster.png')} alt='' />

src/pages/A0base/index.tsx

@@ -1,17 +1,16 @@
-import React, { useEffect, useState } from 'react'
+import React, {  useState } from 'react'
 import styles from './index.module.scss'
 import { isPc } from '@/utils/http'
 import classNames from 'classnames'
-import IsDev from '@/components/IsDev'
 import { useSelector } from 'react-redux'
 import { RootState } from '@/store'
+import { Toast } from 'antd-mobile'
 
 function A0base() {
   const { myData, myLangue } = useSelector((state: RootState) => state.A0Layout)
 
   const [currentBase, setCurrentBase] = useState(0)
   const [isOpenInteract, setIsOpenInteract] = useState(false)
-  const [showIsDev, setShowIsDev] = useState(false)
 
   const goto = (e: React.MouseEvent, path: string) => {
     e.preventDefault()
@@ -19,12 +18,7 @@ function A0base() {
     window.location.replace(path)
   }
 
-  useEffect(() => {
-    showIsDev &&
-      setTimeout(() => {
-        setShowIsDev(false)
-      }, 2000)
-  }, [showIsDev])
+
 
   return (
     <div className={classNames(isPc ? '' : styles.A0baseMo, styles.A0base)}>
@@ -64,10 +58,18 @@ function A0base() {
           <div className='inter' onClick={() => window.location.replace('#/byzh')}>
             碑影智绘
           </div>
-          <div className='inter' onClick={() => setShowIsDev(true)}>
+          <div className='inter' onClick={() => {
+             Toast.show({
+              content: '正在开发中'
+            })
+          }}>
             展览图谱
           </div>
-          <div className='inter' onClick={() => setShowIsDev(true)}>
+          <div className='inter' onClick={() => {
+             Toast.show({
+              content: '正在开发中'
+            })
+          }}>
             AI问答
           </div>
         </div>
@@ -87,7 +89,7 @@ function A0base() {
         <div className='guideVideoTitle'>先导片</div>
       </div>
 
-      <IsDev txt='开发中' isShow={showIsDev} />
+
     </div>
   )
 }

src/pages/A8byzh/index.module.scss

@@ -5,25 +5,26 @@
   z-index: 10;
   width: 100%;
   height: 100%;
+
   :global {
     .back {
-      width: 60px;
-      height: 30px;
+      width: 80px;
+      height: 40px;
       position: absolute;
-      z-index: 3;
       top: 3%;
       left: 4%;
       cursor: pointer;
 
-      & > img {
+      &>img {
         height: 100%;
-        object-fit: contain;
+        object-fit: fill !important;
       }
     }
+
     iframe {
       width: 100%;
       height: 100%;
       border: none;
     }
   }
-}
+}