Browse Source

没有热点时,不显示热点按钮

(cherry picked from commit 5f837b4fb7dbec45649b76007c3e8f9841948136)
任一存 2 years ago
parent
commit
93bdf2832b

+ 11 - 2
src/components/UIGather/mobile/control.pano_js.vue

@@ -23,7 +23,7 @@
     
     <img v-if="isLargeScreen" class="splitter" src="@/assets/images/js_icon/bottom-menu-splitter.png" alt="" draggable="false">
     
-    <li @click="onIsShowHotspotList">
+    <li @click="onIsShowHotspotList" v-if="haveHotspot">
       <img :src="require(`@/assets/images/js_icon/${isShowHotspotList ? 'hotspot_active.png' : 'hotspot.png'}`)"
         alt="" 
         draggable="false"
@@ -31,7 +31,7 @@
       <div>[热点列表]</div>
     </li>
     
-    <img v-if="isLargeScreen" class="splitter" src="@/assets/images/js_icon/bottom-menu-splitter.png" alt="" draggable="false">
+    <img v-if="isLargeScreen && haveHotspot" class="splitter" src="@/assets/images/js_icon/bottom-menu-splitter.png" alt="" draggable="false">
     
     <li @click="onVR"
      v-if="currentScene.type == 'pano' || (fdkkCurrentVersion == 'v3') || (currentScene.type == '4dkk' && (fdkkmetadata.controls && fdkkmetadata.controls.showVR))">
@@ -273,6 +273,15 @@ const staticList = ref([
 ]);
 
 
+const haveHotspot = computed(() => {
+  let temp = store.getters["tags/allTags"].filter(item=>item.hotspotType != "scene")
+  if (temp?.length !== 0) {
+    return true
+  } else {
+    return false
+  }
+})
+
 onMounted(() => {
   let events = ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'MSFullscreenChange']
   events.forEach((item, index) => {

+ 1 - 1
src/components/UIGather/mobile/control_js.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script setup>
-import Pano from "./control.pano_js";
+import Pano from "./control.pano_js.vue";
 import { ref, watch, computed, onMounted, watchEffect, nextTick } from "vue";
 import { useStore } from "vuex";
 import { useMusicPlayer, useSoundPlayer } from '@/utils/sound'