Halaman utama Jelajahi Bantuan
Daftar Masuk
lanxin
/
RMDX2502116
1
0
Fork 0
Berkas Masalah 0 Tarik Permintaan 0 Wiki
Jelajahi Sumber

fix(*): 修复问题

lanxin 8 bulan lalu
induk
cd224e1539
melakukan
7a47c1dfa6
6 mengubah file dengan 21 tambahan dan 6 penghapusan
Tampilan Split Tampilkan Statistik Diff
  1. 6 1
      public/index.html
  2. 10 2
      src/pages/A0base/component/Panoramic.tsx
  3. 1 0
      src/pages/A0base/component/startVideo.tsx
  4. TEMPAT SAMPAH
      src/pages/A0base/image/video/shenzhen.mp4
  5. 3 3
      src/pages/A0base/index.module.scss
  6. 1 0
      src/pages/A0base/index.tsx

+ 6 - 1
public/index.html
Tampilan Berkas 

@@ -3,8 +3,13 @@
 
   <head>
 
     <meta charset="utf-8" />
 
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
 
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
 
+    <!-- <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
 
     <meta name="theme-color" content="#000000" />
 
+    <meta
 
+      name="viewport"
 
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
 
+    />
 
+
 
     <meta name="description" content="Web site created using create-react-app" />
 
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />

+ 10 - 2
src/pages/A0base/component/Panoramic.tsx
Tampilan Berkas 

@@ -1,6 +1,7 @@
 
 import React, { useState, useMemo, useEffect } from 'react'
 
 import { Autorotate, Krpano, Scene, View, HotSpot, Events, SceneProps } from '@dage/krpano'
 
 import styles from './index.module.scss'
 
+import isMobile from '@/utils/isMobile'
 
 
 interface ISceneProps extends Partial<SceneProps> {
 
   thumbUrl?: string
 
@@ -55,8 +56,15 @@ const Panoramic = ({
 
         children: (
 
           <>
 
             <View
 
-              hlookat={15}
 
-              vlookat={45}
 
+              {...(isMobile()
 
+                ? {
 
+                    hlookat: -16,
 
+                    vlookat: 50
 
+                  }
 
+                : {
 
+                    hlookat: 15,
 
+                    vlookat: 45
 
+                  })}
 
               fovType='MFOV'
 
               fov={120}
 
               maxPixelZoom={2}

+ 1 - 0
src/pages/A0base/component/startVideo.tsx
Tampilan Berkas 

@@ -34,6 +34,7 @@ const VideoPlayer = ({ setIsEnd }: { setIsEnd: (isEnd: boolean) => void }) => {
 
 

   return (

     <video

+      style={{ height: '100%', width: '100%', objectFit: 'cover' }}

       ref={videoRef}

       src={require('../image/video/shenzhen.mp4')}

       muted

TEMPAT SAMPAH
src/pages/A0base/image/video/shenzhen.mp4
Tampilan Berkas


+ 3 - 3
src/pages/A0base/index.module.scss
Tampilan Berkas 

@@ -1,7 +1,6 @@
 
 .A0base {
 
   width: 100%;
 
   height: 100%;
 
-  background-size: cover;
 
   background-position: center;
 
   background-repeat: no-repeat;
 
   :global {
 
@@ -135,8 +134,9 @@
 
       flex-direction: column;
 
       width: 300px;
 
       gap: 4px;
 
-      top: 46.5%;
 
-      left: 46%;
 
+      top: 50%;
 
+      left: 50%;
 
+      transform: translate(-18%, -44%);
 
       .floor-1 {
 
         width: 140px;
 
         height: 35px;

+ 1 - 0
src/pages/A0base/index.tsx
Tampilan Berkas 

@@ -184,6 +184,7 @@ function A0Base() {
 
               : `url(${require('./image/bg_map.png')})`
 
           }}
 
         >
 
+          <img src='' alt='' />
 
           {isFloor && !showIntro && <Layout setIsFloor={setIsFloor} />}
 
           {showIntro &&
 
             (isFloor ? (