Ver código fonte

修复小地图初始位置不对

shaogen1995 3 anos atrás
pai
commit
b68fde4017

+ 12 - 6
web/src/pages/Home.vue

@@ -26,7 +26,7 @@
         <v-title />
 
         <!-- 底部菜单 -->
-        <v-menu @mapHide='mapHide' ref="vMenuRef"/>
+        <v-menu @mapHide="mapHide" ref="vMenuRef" />
 
         <!-- 导览 -->
         <v-guide />
@@ -74,7 +74,7 @@
       </div>
     </div>
     <!-- 小地图 -->
-    <exhibition class="exhibition" ref="exhibitionRef" @meanMHide="meanMHide"/>
+    <exhibition class="exhibition" ref="exhibitionRef" @meanMHide="meanMHide" />
   </div>
 </template>
 
@@ -120,11 +120,11 @@ export default {
   },
 
   methods: {
-    meanMHide(){
-      this.$refs.vMenuRef.mobilShowHide()
+    meanMHide() {
+      this.$refs.vMenuRef.mobilShowHide();
     },
-    mapHide(){
-     this.$refs.exhibitionRef.isShowHide()
+    mapHide() {
+      this.$refs.exhibitionRef.isShowHide();
     },
     // 移动端点击菜单隐藏小地图 ↑
     hideWelcome() {
@@ -167,6 +167,12 @@ export default {
             hotspot: this.hotspots[data],
           });
         });
+        //控制页面初始旋转一下,让小地图正确显示
+        let rotate = window.player.cameraControls.controls.panorama.rotationAcc;
+        rotate.x = 0.001;
+        setTimeout(() => {
+          rotate.x = 0;
+        }, 0);
       });
     });
   },

+ 2 - 0
web/src/views/gui/component/issue.vue

@@ -553,6 +553,8 @@ export default {
     }
 
     .main {
+      top: 60px;
+      transform: translate(-50%,0);
       min-height: 500px;
       max-height: 640px;
       width: 100%;

+ 2 - 0
web/src/views/gui/component/quality.vue

@@ -202,6 +202,8 @@ export default {
 @media only screen and (max-width: 800px) {
   .quality {
     .main {
+      top: 60px;
+      transform: translate(-50%,0);
       max-height: 640px;
       width: 100%;
       max-width: 350px;

+ 2 - 0
web/src/views/gui/component/remove.vue

@@ -87,6 +87,8 @@ export default {
 @media only screen and (max-width: 800px) {
   .remove {
     .main {
+      top: 60px;
+      transform: translate(-50%,0);
       padding: 0;
       padding-top: 50px;
       width: 100%;

+ 16 - 3
web/src/views/gui/menu.vue

@@ -136,7 +136,12 @@
               />
             </div>
 
-            <div @click="switchBGM" id="myMoMu" data-original-title="音乐" v-if="0">
+            <div
+              @click="switchBGM"
+              id="myMoMu"
+              data-original-title="音乐"
+              v-if="0"
+            >
               <img
                 class="icon icon-inside"
                 :src="
@@ -154,7 +159,11 @@
 
             <ul class="btn-list">
               <!-- 精品典藏 -->
-              <li class="quality" :title="Mylangue ? '精品典藏' : 'Collections'" @click="isQuality = true">
+              <li
+                class="quality"
+                :title="Mylangue ? '精品典藏' : 'Collections'"
+                @click="isQuality = true"
+              >
                 <img
                   :src="
                     require(`@/assets/img/${
@@ -164,7 +173,11 @@
                 />
               </li>
               <!-- 点赞 -->
-              <li :title="Mylangue ? '点赞' : 'Like'"  class="like" @click="handleLike">
+              <li
+                :title="Mylangue ? '点赞' : 'Like'"
+                class="like"
+                @click="handleLike"
+              >
                 <img
                   :src="
                     require(`@/assets/img/${