ソースを参照

解决打包后天空盒不加载问题,解决第一人称漫游时鼠标控制方向不对的问题

WQQ 10 時間 前
コミット
a7977605cf

+ 2 - 1
RuoYi-Vue3/src/supermap-cesium-module/components/first-person/SuperMapFirstPerson.vue

@@ -316,7 +316,8 @@ export default {
       const deltaY = event.movementY * sensitivity
       
       // 更新相机朝向
-      let newPitch = viewer.camera.pitch + deltaY
+      // 鼠标向上移动(movementY<0)时,pitch应增大(向上看),所以取反
+      let newPitch = viewer.camera.pitch - deltaY
       newPitch = Math.max(-Math.PI / 2 + 0.01, Math.min(Math.PI / 2 - 0.01, newPitch))
       
       viewer.camera.setView({

+ 25 - 25
RuoYi-Vue3/src/supermap-cesium-module/components/scene/scene-attribute/scene-attribute.js

@@ -26,7 +26,7 @@ function s3mlayerAttribute(props) {
         rain: false,
         snow: false,
         surfaceTransparency: 1,
-        cloudsUrl: 'public/img/skyboxs/clouds/clouds1.png',
+        cloudsUrl: '/img/skyboxs/clouds/clouds1.png',
         skyboxSources: null,
         skyboxType: 'cloudy',
         uspeed: 0,
@@ -50,36 +50,36 @@ function s3mlayerAttribute(props) {
 
     state.skyboxSources = {
         bluesky: {
-            positiveX: 'public/img/skyboxs/bluesky/Right.jpg',
-            negativeX: 'public/img/skyboxs/bluesky/Left.jpg',
-            positiveY: 'public/img/skyboxs/bluesky/Front.jpg',
-            negativeY: 'public/img/skyboxs/bluesky/Back.jpg',
-            positiveZ: 'public/img/skyboxs/bluesky/Up.jpg',
-            negativeZ: 'public/img/skyboxs/bluesky/Down.jpg'
+            positiveX: '/img/skyboxs/bluesky/Right.jpg',
+            negativeX: '/img/skyboxs/bluesky/Left.jpg',
+            positiveY: '/img/skyboxs/bluesky/Front.jpg',
+            negativeY: '/img/skyboxs/bluesky/Back.jpg',
+            positiveZ: '/img/skyboxs/bluesky/Up.jpg',
+            negativeZ: '/img/skyboxs/bluesky/Down.jpg'
         },
         sunsetglow: {
-            positiveX: 'public/img/skyboxs/sunsetglow/Right.jpg',
-            negativeX: 'public/img/skyboxs/sunsetglow/Left.jpg',
-            positiveY: 'public/img/skyboxs/sunsetglow/Front.jpg',
-            negativeY: 'public/img/skyboxs/sunsetglow/Back.jpg',
-            positiveZ: 'public/img/skyboxs/sunsetglow/Up.jpg',
-            negativeZ: 'public/img/skyboxs/sunsetglow/Down.jpg'
+            positiveX: '/img/skyboxs/sunsetglow/Right.jpg',
+            negativeX: '/img/skyboxs/sunsetglow/Left.jpg',
+            positiveY: '/img/skyboxs/sunsetglow/Front.jpg',
+            negativeY: '/img/skyboxs/sunsetglow/Back.jpg',
+            positiveZ: '/img/skyboxs/sunsetglow/Up.jpg',
+            negativeZ: '/img/skyboxs/sunsetglow/Down.jpg'
         },
         sunset: {
-            positiveX: 'public/img/skyboxs/sunset/Right.png',
-            negativeX: 'public/img/skyboxs/sunset/Left.png',
-            positiveY: 'public/img/skyboxs/sunset/Front.png',
-            negativeY: 'public/img/skyboxs/sunset/Back.png',
-            positiveZ: 'public/img/skyboxs/sunset/Up.png',
-            negativeZ: 'public/img/skyboxs/sunset/Down.png'
+            positiveX: '/img/skyboxs/sunset/Right.png',
+            negativeX: '/img/skyboxs/sunset/Left.png',
+            positiveY: '/img/skyboxs/sunset/Front.png',
+            negativeY: '/img/skyboxs/sunset/Back.png',
+            positiveZ: '/img/skyboxs/sunset/Up.png',
+            negativeZ: '/img/skyboxs/sunset/Down.png'
         },
         cloudy: {
-            positiveX: 'public/img/skyboxs/cloudy/Right.png',
-            negativeX: 'public/img/skyboxs/cloudy/Left.png',
-            positiveY: 'public/img/skyboxs/cloudy/Front.png',
-            negativeY: 'public/img/skyboxs/cloudy/Back.png',
-            positiveZ: 'public/img/skyboxs/cloudy/Up.png',
-            negativeZ: 'public/img/skyboxs/cloudy/Down.png'
+            positiveX: '/img/skyboxs/cloudy/Right.png',
+            negativeX: '/img/skyboxs/cloudy/Left.png',
+            positiveY: '/img/skyboxs/cloudy/Front.png',
+            negativeY: '/img/skyboxs/cloudy/Back.png',
+            positiveZ: '/img/skyboxs/cloudy/Up.png',
+            negativeZ: '/img/skyboxs/cloudy/Down.png'
         }
     };
 

+ 1 - 1
RuoYi-Vue3/src/supermap-cesium-module/components/typhoon-visualization/TyphoonVisualization.vue

@@ -61,7 +61,7 @@ const props = defineProps({
   },
   dataUrl: {
     type: String,
-    default: '/src/assets/Data/202508.json'
+    default: '../../../assets/Data/202508.json'
   }
 });
 

+ 6 - 6
RuoYi-Vue3/src/supermap-cesium-module/components/viewer/viewer.js

@@ -95,12 +95,12 @@ function initViewer(props, callback) {
   // 使用与场景属性设置相同的方式创建天空盒
   const skyboxSources = {
     cloudy: {
-      positiveX: 'public/img/skyboxs/cloudy/Right.png',
-      negativeX: 'public/img/skyboxs/cloudy/Left.png',
-      positiveY: 'public/img/skyboxs/cloudy/Front.png',
-      negativeY: 'public/img/skyboxs/cloudy/Back.png',
-      positiveZ: 'public/img/skyboxs/cloudy/Up.png',
-      negativeZ: 'public/img/skyboxs/cloudy/Down.png'
+      positiveX: '/img/skyboxs/cloudy/Right.png',
+      negativeX: '/img/skyboxs/cloudy/Left.png',
+      positiveY: '/img/skyboxs/cloudy/Front.png',
+      negativeY: '/img/skyboxs/cloudy/Back.png',
+      positiveZ: '/img/skyboxs/cloudy/Up.png',
+      negativeZ: '/img/skyboxs/cloudy/Down.png'
     }
   };
   

+ 0 - 10
RuoYi-Vue3/src/views/front/PageHeader.vue

@@ -13,8 +13,6 @@
       <nav class="nav-menu">
         <router-link to="/" class="nav-item" :class="{ active: currentRoute === '/' }">首页</router-link>
         <router-link to="/model-management" class="nav-item" :class="{ active: currentRoute === '/model-management' }">模型管理</router-link>
-        
-        <span class="nav-item">后台管理</span>
       </nav>
       
       <div class="header-right">
@@ -192,14 +190,6 @@ onUnmounted(() => {
   background-size: contain;
 }
 
-.nav-item:nth-child(3)::before {
-  content: '';
-  width: 16px;
-  height: 16px;
-  background: url('@/assets/images/后台管理.png') no-repeat center center;
-  background-size: contain;
-}
-
 .nav-item:hover {
   opacity: 1;
   transform: translateY(-2px);