up

code/public/index.html

@@ -11,7 +11,7 @@
   <script src="./myData/base.js"></script>
 
 
-  <style>
+  <!-- <style>
     @font-face {
       font-family: 'kai';
       src: url('./myData/kai.ttf');
@@ -25,7 +25,7 @@
       pointer-events: none;
       font-family: 'kai';
     }
-  </style>
+  </style> -->
   <title>扬州大运河-六朝石刻</title>
 </head>
 
@@ -33,7 +33,7 @@
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="root"></div>
   <!-- 一进页面就加载字体 -->
-  <i class="fontLoding">123</i>
+  <!-- <i class="fontLoding">123</i> -->
 </body>
 
 <!-- <script>

code/public/myData/base.js

@@ -27,11 +27,11 @@ const myDataTemp = {
           son: [
             {
               id: 1,
-              name: '三国·孙吴皇帝世系图'
+              name: '三国·孙吴帝王世系图'
             },
             {
               id: 2,
-              name: '东晋君主世系图'
+              name: '东晋帝王世系图'
             },
             {
               id: 3,

code/src/assets/styles/base.css

@@ -72,7 +72,7 @@ ul {
   /*滚动条里面小方块*/
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px transparent;
-  background: var(--themeColor);
+  background: var(--themeColor2);
 }
 .mySorrl::-webkit-scrollbar-track {
   /*滚动条里面轨道*/

code/src/assets/styles/base.less

@@ -95,7 +95,7 @@ ul {
   /*滚动条里面小方块*/
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px transparent;
-  background: var(--themeColor);
+  background: var(--themeColor2);
 }
 
 .mySorrl::-webkit-scrollbar-track {

code/src/index.tsx

@@ -13,7 +13,6 @@ import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/c
 
 import 'dayjs/locale/zh-cn'
 import locale from 'antd/locale/zh_CN'
-import { isMobiileFu } from './utils/history'
 
 const container = document.getElementById('root') as HTMLElement
 const root = createRoot(container)
@@ -29,22 +28,7 @@ root.render(
   >
     <Provider store={store}>
       <StyleProvider hashPriority='high' transformers={[legacyLogicalPropertiesTransformer]}>
-        {isMobiileFu() ? (
-          <div
-            className='noMo'
-            style={{
-              width: '100vw',
-              height: '100vh',
-              display: 'flex',
-              justifyContent: 'center',
-              alignItems: 'center'
-            }}
-          >
-            正在开发中...
-          </div>
-        ) : (
-          <App />
-        )}
+        <App />
       </StyleProvider>
     </Provider>
   </ConfigProvider>

code/src/pages/A2main/index.module.scss

@@ -64,7 +64,7 @@
 
     .A2box {
       width: 100%;
-      height: 14357px;
+      height: 14943px;
       background-size: 100% 100%;
       position: relative;
 
@@ -253,7 +253,7 @@
             letter-spacing: 2px;
             display: flex;
             align-items: center;
-            padding-top: 260px;
+            padding-top: 250px;
 
             &:hover {
               animation: ringing 5s linear forwards;
@@ -458,7 +458,7 @@
       .A2x2 {
         background-size: 100% 100%;
         width: 1622px;
-        height: 586px;
+        height: 1172px;
         margin: 0 auto 10px;
         padding: 20px 142px 28px 56px;
         position: relative;
@@ -466,8 +466,14 @@
         .A2x2_1 {
           width: 100%;
           height: 100%;
-          background-size: 100% 100%;
           position: relative;
+          overflow: auto;
+
+          .A2x2_1Img {
+            width: 100%;
+            height: auto;
+            // object-fit: contain !important;
+          }
 
           &>div {
             cursor: pointer;
@@ -506,7 +512,7 @@
 
         .A2x2_2 {
           position: absolute;
-          top: 58px;
+          top: 20px;
           right: 52px;
           font-size: 36px;
           writing-mode: vertical-rl;
@@ -546,18 +552,18 @@
           padding-top: 18px;
 
           .A2x4Row {
+            width: 230px;
+            height: 64px;
+            margin-bottom: 36px;
             background-size: 100% 100%;
-            width: 209px;
-            height: 53px;
-            margin-bottom: 45px;
-            font-size: 36px;
+            font-size: 32px;
             letter-spacing: 4px;
             display: flex;
             justify-content: center;
             align-items: center;
             cursor: pointer;
             animation: yunShan 2s infinite linear;
-            padding: 8px 0 0 30px;
+            padding: 0px 0 0 30px;
 
             &:hover {
               animation: none;
@@ -731,7 +737,7 @@
 
         .A2e1_1 {
           display: block;
-          margin: 0 auto 67px;
+          margin: 0 auto 27px;
           width: 167px;
           height: 105px;
         }
@@ -859,9 +865,9 @@
       }
 
       .A2e1 {
-        .A2e1_1 {
-          margin-bottom: 30px;
-        }
+        // .A2e1_1 {
+        //   margin-bottom: 30px;
+        // }
 
         .A2e1_2>p {
           font-size: 30px;

code/src/pages/A2main/index.tsx

@@ -14,7 +14,7 @@ import 'swiper/css'
 import 'swiper/css/effect-creative'
 import { isMobiileFu } from '@/utils/history'
 import A7duiHua from '../A7duiHua'
-import { ZoomInOutlined, CloseOutlined } from '@ant-design/icons'
+import { CloseOutlined } from '@ant-design/icons'
 
 function A2main() {
   // 从首页进来才需要平滑滚动
@@ -236,9 +236,13 @@ function A2main() {
         ></div>
 
         <div className='A2x2' style={{ backgroundImage: `url(${baseUrl}main/x3.png)` }}>
-          <div className='A2x2_1' style={{ backgroundImage: `url(${baseUrl}main/xl.png)` }}>
+          <div
+            className='A2x2_1 hideSorrl'
+            // style={{ backgroundImage: `url(${baseUrl}main/xl.png)` }}
+          >
+            <img className='A2x2_1Img' src={`${baseUrl}main/xlNew.jpg`} alt='' />
             {/* 3个图 */}
-            {[1, 2, 3].map(num => (
+            {/* {[1, 2, 3].map(num => (
               <div
                 key={num}
                 className={`A2x2_1_${num}`}
@@ -247,7 +251,7 @@ function A2main() {
                 <img src={`${baseUrl}main/xl${num}.png`} alt='' />
                 <ZoomInOutlined rev={undefined} />
               </div>
-            ))}
+            ))} */}
           </div>
           <div className='A2x2_2 kaiFont'>江苏六朝石刻分布</div>
           <img className='A2x2_3' src={`${baseUrl}main/x4.png`} alt='' />