up

展示端/public/index.html

@@ -5,6 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="description" content="Web site created using create-react-app" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
+    />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!-- <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" /> -->
     <script src="./myData/data.js"></script>

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

@@ -4,8 +4,9 @@
   :global {
     .A1main {
       width: 100%;
-      height: calc(100% - 60px);
+      height: 100%;
       overflow-y: auto;
+
       .A1top {
         img {
           width: 100%;
@@ -21,6 +22,7 @@
 
       .A1box1 {
         padding: 24px;
+        padding-bottom: 0;
         .A1_1list {
           width: 100%;
           height: auto;
@@ -69,20 +71,27 @@
         }
       }
 
+      .FlooImg {
+        padding: 24px;
+      }
+
       .A1BottomTxt {
         text-align: center;
         color: #9a9a9a;
       }
-    }
-    .A1logo {
-      pointer-events: none;
-      height: 60px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      img {
+
+      // 公司logo
+      .A1logo {
+        margin-top: 50px;
         pointer-events: none;
-        height: 30px;
+        height: 60px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        img {
+          pointer-events: none;
+          height: 30px;
+        }
       }
     }
   }

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

@@ -4,9 +4,10 @@ import { Swiper } from 'antd-mobile'
 import { A1listType, myInfo } from '@/utils/history'
 import classNames from 'classnames'
 import { EyeOutlined } from '@ant-design/icons'
-import logoImg from '../../assets/img/logo.png'
 import CountUp from 'react-countup'
 import { A1_APIgetNumList } from '@/store/action/A1list'
+import logoImg from '../../assets/img/logo.png'
+import flooImg from '../../assets/img/flooImg.jpg'
 
 type NumListRowType = {
   num: string
@@ -82,6 +83,14 @@ function A1home() {
     window.open(url, '_blank')
   }, [])
 
+  // 跳甲方链接
+  const toNewUrl = useCallback(() => {
+    window.open(
+      'https://m.cctvnews.cctv.com/collect/index.html?actNumber=15091951045133564423',
+      '_blank'
+    )
+  }, [])
+
   return (
     <div className={styles.A1home}>
       <div className='A1main'>
@@ -135,13 +144,18 @@ function A1home() {
               ))}
           </div>
         </div>
+
+        <div className='FlooImg' onClick={toNewUrl}>
+          <img src={flooImg} alt='' />
+        </div>
+
         {/* <div onClick={() => getNumListFu()}>15456465</div> */}
         <div className='A1BottomTxt'>持续上新，敬请期待</div>
-      </div>
 
-      {/* 公司logo */}
-      <div className='A1logo'>
-        <img src={logoImg} alt='' />
+        {/* 公司logo */}
+        <div className='A1logo'>
+          <img src={logoImg} alt='' />
+        </div>
       </div>
     </div>
   )