fix(*): 优化

src/pages/A0base/component/Panoramic.tsx

@@ -61,7 +61,7 @@ const Panoramic = ({
               {...(isMobile()
                 ? {
                     hlookat: 15,
-                    vlookat: 50
+                    vlookat: 30
                   }
                 : {
                     hlookat: 15,
@@ -74,7 +74,7 @@ const Panoramic = ({
               fovMax={180}
               limitView='range'
               vlookatMax={90}
-              vlookatMin={-19}
+              vlookatMin={-25}
             />
 
             <HotSpot
@@ -197,14 +197,13 @@ const Panoramic = ({
   // 节流 2秒内只触发一次，立即触发
   let timeout: NodeJS.Timeout | null = null
   let timeout2: NodeJS.Timeout | null = null
-  document.addEventListener('mousemove', () => {
+  document.addEventListener(isMobile() ? 'touchmove' : 'mousemove', () => {
     if (timeout) clearTimeout(timeout) // timeout 不为null
     let callNow = !timeout // 第一次会立即执行，以后只有事件执行后才会再次触发
     timeout = setTimeout(function () {
       timeout = null
     }, 3000)
     if (callNow) {
-      console.log('mousemove')
       setIsMouseMove(false)
     }
     if (timeout2) clearTimeout(timeout2)

src/pages/A0base/component/Preview.tsx

@@ -68,7 +68,6 @@ export function Preview({
   setIsPreview: (isPreview: [boolean, string]) => void
   type: string
 }) {
-  console.log(imgArr, type)
   // 滚轮让x轴滚动
   const handleWheel = (event: React.WheelEvent<HTMLDivElement>) => {
     event.preventDefault()

src/pages/A0base/component/index.module.scss

@@ -414,7 +414,7 @@
   position: relative;
   :global {
     .krpano {
-      height: 960px;
+      height: 100vh;
     }
 
     .A0hotspot {

src/pages/A0base/index.module.scss

@@ -127,13 +127,51 @@
 .A0baseMobile {
   :global {
     .A0_cloud1 {
-      width: 200px;
+      width: 100%;
       height: 100px;
+      img {
+        width: 150px;
+        height: 70px;
+        object-fit: cover;
+      }
     }
     .A0_cloud2 {
-      width: 200px;
+      width: 550px;
       height: 100px;
     }
+
+    .a0_cloud1move {
+      position: absolute;
+      left: -13%;
+      bottom: 0;
+      animation: cloud-drift 50s linear 0s infinite;
+    }
+    .a0_cloud1move2 {
+      position: absolute;
+      left: -3%;
+      bottom: 0;
+      animation: cloud-drift2 50s linear 0s infinite;
+    }
+    .a0_cloud1move3 {
+      position: absolute;
+      left: 2%;
+      bottom: 0;
+      animation: cloud-drift3 50s linear 0s infinite;
+    }
+    .a0_cloud1move4 {
+      position: absolute;
+      right: 0;
+      top: 9%;
+      width: 150px;
+      height: 70px;
+      animation: cloud-drift4 50s linear 0s infinite;
+    }
+    .a0_cloud1move5 {
+      width: 150px;
+      height: 70px;
+      animation: cloud-drift5 50s linear 0s infinite;
+    }
+
     .A0_iconBar {
       width: 45px;
       top: 68%;