jinx 1 год назад
Родитель
Сommit
533ed332cd
1 измененных файлов с 10 добавлено и 9 удалено
  1. 10 9
      scene/src/views/gui/menu.vue

+ 10 - 9
scene/src/views/gui/menu.vue

@@ -152,9 +152,9 @@
     </transition>
     </transition>
     <transition name="fade" enter-active-class="animate__animated animate__fadeInUp animate__faster" leave-active-class="animate__animated animate__fadeOutDown animate__faster">
     <transition name="fade" enter-active-class="animate__animated animate__fadeInUp animate__faster" leave-active-class="animate__animated animate__fadeOutDown animate__faster">
       <div v-show="openType != 'immersive'" class="right-btn">
       <div v-show="openType != 'immersive'" class="right-btn">
-        <div id="bgm" class="button-item" :class="getActive(i.type)" v-for="(i, index) in rightButtons" @click.stop="hanlderButtons(i, i.type)">
-          <img class="normal" :src="i.normalIcon" alt="" @click="switchBGM(false)" />
-          <img class="active" :src="i.activeIcon" alt="" @click="switchBGM(true)" />
+        <div id="bgm" class="button-item" :class="getActive(i.type)" v-for="(i, index) in rightButtons">
+          <img class="normal" v-if="musicState" :src="i.normalIcon" alt="" @click="switchBGM(false)" />
+          <img class="active" v-else :src="i.activeIcon" alt="" @click="switchBGM(true)" />
           <div class="tip-box">{{ i.name }}</div>
           <div class="tip-box">{{ i.name }}</div>
         </div>
         </div>
       </div>
       </div>
@@ -208,7 +208,7 @@ export default {
       tourList: [],
       tourList: [],
       openType: null,
       openType: null,
       isGuide: true,
       isGuide: true,
-      musicState: false,
+      musicState: true,
       // vr---热点列表---分享
       // vr---热点列表---分享
       openInd: 0,
       openInd: 0,
       isFullscreen: false,
       isFullscreen: false,
@@ -407,18 +407,19 @@ export default {
       // 改变当前全屏状态
       // 改变当前全屏状态
     },
     },
     switchBGM(flag) {
     switchBGM(flag) {
-      this.musicState = flag;
       if (flag) {
       if (flag) {
-        window.manage.switchBgmState(true);
+        this.musicState = true;
+        window.manage.switchBgmState(this.musicState);
         document.querySelector("#openMusic").style.display = "none";
         document.querySelector("#openMusic").style.display = "none";
         document.querySelector("#closeMusic").style.display = "block";
         document.querySelector("#closeMusic").style.display = "block";
 
 
         // 手动停止自动导览
         // 手动停止自动导览
         window.player.director.stopTour();
         window.player.director.stopTour();
       } else {
       } else {
+        this.musicState = false;
         window.manage.switchBgmState(false);
         window.manage.switchBgmState(false);
-        document.querySelector("#openMusic").style.display = "block";
-        document.querySelector("#closeMusic").style.display = "none";
+        // document.querySelector("#openMusic").style.display = "block";
+        // document.querySelector("#closeMusic").style.display = "none";
       }
       }
     },
     },
     // 点击vr
     // 点击vr
@@ -727,7 +728,7 @@ export default {
       padding: 0 8px;
       padding: 0 8px;
     }
     }
     .active {
     .active {
-      display: none;
+      // display: none;
     }
     }
     &:hover {
     &:hover {
       // .normal {
       // .normal {