添加公司logo

展示端/public/myData/data.js

@@ -1,11 +1,25 @@
+const serverUrlTemp = 'https://ysxwyzl.4dage.com'
+
 const infoTemo = {
-  serverUrl: 'https://ysxwyzl.4dage.com',
+  serverUrl: serverUrlTemp,
   swArr: [
     {
+      id: 3,
+      name: '"宜子孙--汉代玉器集萃"展',
+      partOf: '良渚博物院 ',
+      link: `${serverUrlTemp}/bwCN/scene/mm1557/index.html?m=mm-1557`,
+      code: 'mm-1557',
+      oldNum: 0,
+      newNum: 0,
+      changeSta: true,
+      loc: 1, //属于第一个模板
+      isSW: true //属于轮播图
+    },
+    {
       id: 4,
       name: '东方的起点',
       partOf: '宁波博物院',
-      link: 'https://ysxwyzl.4dage.com/bwCN/scene/mm1541/index.html?m=mm-1541',
+      link: `${serverUrlTemp}/bwCN/scene/mm1541/index.html?m=mm-1541`,
       code: 'mm-1541',
       oldNum: 0,
       newNum: 0,
@@ -17,7 +31,7 @@ const infoTemo = {
       id: 2,
       name: '观天下-大明的世界',
       partOf: '南京博物院',
-      link: 'https://ysxwyzl.4dage.com/4dwall/spg.html?m=KJ-hEnSvVKE0wl&lang=zh',
+      link: `${serverUrlTemp}/4dwall/spg.html?m=KJ-hEnSvVKE0wl&lang=zh`,
       code: 'KJ-hEnSvVKE0wl',
       oldNum: 0,
       newNum: 0,
@@ -29,7 +43,7 @@ const infoTemo = {
       id: 1,
       name: '灵影仙踪',
       partOf: '上海博物馆',
-      link: 'https://ysxwyzl.4dage.com/4dwall/spg.html?m=SG-Yu3JBqaVsxP&lang=zh',
+      link: `${serverUrlTemp}/4dwall/spg.html?m=SG-Yu3JBqaVsxP&lang=zh`,
       code: 'SG-Yu3JBqaVsxP',
       oldNum: 0,
       newNum: 0,
@@ -37,12 +51,5 @@ const infoTemo = {
       loc: 1,
       isSW: true
     }
-
-    // {
-    //   id: 3,
-    //   name: '"宜子孙--汉代玉器集萃"展',
-    //   partOf: '良渚博物院 ',
-    //   link: 'https://www.4dmodel.com/SuperTwo/index.html?m=mm-1557'
-    // }
   ]
 }

展示端/src/assets/styles/base.css

@@ -6,6 +6,7 @@
 html {
   height: 100%;
   font-size: 14px;
+  user-select: none;
 }
 body {
   font: 1em/1.4 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', 'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;

展示端/src/assets/styles/base.less

@@ -7,7 +7,7 @@
 html {
   height: 100%;
   font-size: 14px;
-  // user-select: none;
+  user-select: none;
 }
 
 body {

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

@@ -1,71 +1,89 @@
 .A1home {
+  position: relative;
+
   :global {
-    .A1top {
-      img {
-        width: 100%;
-        height: auto;
-        pointer-events: none;
+    .A1main {
+      width: 100%;
+      height: calc(100% - 60px);
+      overflow-y: auto;
+      .A1top {
+        img {
+          width: 100%;
+          height: auto;
+          pointer-events: none;
+        }
+      }
+      .A1tit {
+        font-size: 22px;
+        font-weight: 700;
+        margin-bottom: 16px;
       }
-    }
-    .A1tit {
-      font-size: 22px;
-      font-weight: 700;
-      margin-bottom: 16px;
-    }
 
-    .A1box1 {
-      padding: 24px;
-      .A1_1list {
-        width: 100%;
-        height: auto;
-        overflow-x: auto;
-        white-space: nowrap;
-        display: inline-block;
-        padding-bottom: 24px;
-        border-bottom: 1px solid #ccc;
-        .A1_1row {
-          width: 40%;
+      .A1box1 {
+        padding: 24px;
+        .A1_1list {
+          width: 100%;
           height: auto;
+          overflow-x: auto;
+          white-space: nowrap;
           display: inline-block;
-          margin-right: 15px;
-          vertical-align: top;
-          & > img {
-            cursor: pointer;
-            width: 100%;
+          padding-bottom: 24px;
+          border-bottom: 1px solid #ccc;
+          .A1_1row {
+            width: 40%;
             height: auto;
-          }
-          .A1_1row1 {
-            font-weight: 700;
-            font-size: 16px;
-            margin: 10px 0 2px;
-            width: 100%;
-            white-space: break-spaces;
-            word-wrap: break-word;
-          }
-          .A1_1row2 {
-            color: #9a9a9a;
-            width: 100%;
-            white-space: break-spaces;
-            word-wrap: break-word;
-          }
-          .A1_1row3 {
-            display: flex;
-            align-items: center;
-            margin-top: 3px;
-            color: #9a9a9a;
-            transition: all 1s;
-          }
-          .A1_1row3Ac {
-            color: var(--themeColor);
-            font-weight: 700;
+            display: inline-block;
+            margin-right: 15px;
+            vertical-align: top;
+            & > img {
+              cursor: pointer;
+              width: 100%;
+              height: auto;
+            }
+            .A1_1row1 {
+              font-weight: 700;
+              font-size: 16px;
+              margin: 10px 0 2px;
+              width: 100%;
+              white-space: break-spaces;
+              word-wrap: break-word;
+            }
+            .A1_1row2 {
+              color: #9a9a9a;
+              width: 100%;
+              white-space: break-spaces;
+              word-wrap: break-word;
+            }
+            .A1_1row3 {
+              display: flex;
+              align-items: center;
+              margin-top: 3px;
+              color: #9a9a9a;
+              transition: all 1s;
+            }
+            .A1_1row3Ac {
+              color: var(--themeColor);
+              font-weight: 700;
+            }
           }
         }
       }
-    }
 
-    .A1BottomTxt {
-      text-align: center;
-      color: #9a9a9a;
+      .A1BottomTxt {
+        text-align: center;
+        color: #9a9a9a;
+      }
+    }
+    .A1logo {
+      pointer-events: none;
+      height: 60px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        pointer-events: none;
+        height: 30px;
+      }
     }
   }
 }

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

@@ -4,7 +4,7 @@ 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'
 
@@ -84,58 +84,65 @@ function A1home() {
 
   return (
     <div className={styles.A1home}>
-      <div className='A1top'>
-        <Swiper loop autoplay>
-          {myInfo.swArr
-            .filter(v => v.isSW)
-            .map(item => (
-              <Swiper.Item key={item.id}>
-                <div
-                  //  onClick={() => history.push(`/scene/${item.id}`)}
-                  onClick={() => openPage(item.link)}
-                >
+      <div className='A1main'>
+        <div className='A1top'>
+          <Swiper loop autoplay>
+            {myInfo.swArr
+              .filter(v => v.isSW)
+              .map(item => (
+                <Swiper.Item key={item.id}>
+                  <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>
+              ))}
+          </Swiper>
+        </div>
+
+        <div className='A1box1'>
+          <div className='A1tit'>展览精选</div>
+          <div className='A1_1list'>
+            {list
+              .filter(v => v.loc === 1)
+              .map(item => (
+                <div className='A1_1row' key={item.id}>
                   <img
-                    src={`${myInfo.serverUrl}/bwCN/myData/img/${item.id}h.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>
+                  <div className='A1_1row2'>{item.partOf}</div>
+                  <div
+                    className={classNames('A1_1row3', item.changeSta ? 'A1_1row3Ac' : '')}
+                  >
+                    <EyeOutlined rev={undefined} />
+                    &nbsp;
+                    <CountUp
+                      onEnd={() => moveStaFu(item.code)}
+                      start={item.oldNum}
+                      end={item.newNum}
+                    />
+                  </div>
                 </div>
-              </Swiper.Item>
-            ))}
-        </Swiper>
+              ))}
+          </div>
+        </div>
+        {/* <div onClick={() => getNumListFu()}>15456465</div> */}
+        <div className='A1BottomTxt'>持续上新，敬请期待</div>
       </div>
 
-      <div className='A1box1'>
-        <div className='A1tit'>展览精选</div>
-        <div className='A1_1list'>
-          {list
-            .filter(v => v.loc === 1)
-            .map(item => (
-              <div className='A1_1row' key={item.id}>
-                <img
-                  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>
-                <div className='A1_1row2'>{item.partOf}</div>
-                <div
-                  className={classNames('A1_1row3', item.changeSta ? 'A1_1row3Ac' : '')}
-                >
-                  <EyeOutlined rev={undefined} />
-                  &nbsp;
-                  <CountUp
-                    onEnd={() => moveStaFu(item.code)}
-                    start={item.oldNum}
-                    end={item.newNum}
-                  />
-                </div>
-              </div>
-            ))}
-        </div>
+      {/* 公司logo */}
+      <div className='A1logo'>
+        <img src={logoImg} alt='' />
       </div>
-      {/* <div onClick={() => getNumListFu()}>15456465</div> */}
-      <div className='A1BottomTxt'>持续上新，敬请期待</div>
     </div>
   )
 }