feat: 修复UI提前显示问题

packages/qjkankan-view/src/components/UIGather/mobile/control.pano.vue

@@ -74,7 +74,7 @@
     <introduce v-if="showIntroduce" />
     <telephone v-if="showTelephone" />
     <clink v-if="showLink" />
-    <div class="tools-share" @click="onShare">
+    <div class="tools-share" @click="onShare" v-show="ready">
       <img :src="require(`@/assets/images/icon2/share@2x.png`)" alt="" />
     </div>
     <div class="tools-more" @click="showMore = false" v-if="showMore">
@@ -97,7 +97,7 @@
       </div>
     </div>
     <div class="tools-right">
-      <div @click="onIsBGM" v-if="isHasNormalBGM">
+      <div @click="onIsBGM" v-if="isHasNormalBGM" v-show="ready">
         <img
           :src="
             require(`@/assets/images/icon2/${
@@ -109,7 +109,7 @@
           alt=""
         />
       </div>
-      <div @click="onIsCommentary" v-if="isHasExplanationBGM">
+      <div @click="onIsCommentary" v-if="isHasExplanationBGM" v-show="ready">
         <img
           :src="
             require(`@/assets/images/icon2/${
@@ -143,6 +143,8 @@ import clink from "./control/link";
 
 const store = useStore();
 
+const ready = computed(() => store.getters["scene/ready"]);
+
 const showTours = computed(() => store.getters["fdkk/isShowToursList"]);
 
 const metadata = computed(() => store.getters["scene/metadata"]);
@@ -280,6 +282,7 @@ onMounted(() => {
     });
   });
 });
+
 </script>
 
 <style lang="scss" scoped>

packages/qjkankan-view/src/components/UIGather/mobile/index.vue

@@ -131,10 +131,12 @@ useApp().then((app) => {
   app.Scene.on("ready", (data) => {
     if (currentScene && currentScene.value.type == "4dkk" && !showUI.value) {
       showUI.value = true;
+      store.commit('scene/setReady',true)
     }
   });
   app.Scene.on("sceneReady", () => {
     showUI.value = true;
+    store.commit('scene/setReady',true)
   });
   app.Scene.on("onExitVr", () => {
     store.commit("functions/setVrStatus", false);

packages/qjkankan-view/src/store/modules/scene.js

@@ -22,6 +22,7 @@ export default {
   namespaced: true,
   state() {
     return {
+      ready: false,
       // 场景列表
       list: [],
       //当前场景
@@ -49,6 +50,7 @@ export default {
     };
   },
   getters: {
+    ready: (state) =>state.ready,
     list: (state) => state.list,
     secondaryList: (state) => state.secondaryList,
     currentCatalogRoot: (state) => state.currentCatalogRoot,
@@ -103,6 +105,9 @@ export default {
     },
   },
   mutations: {
+    setReady(state,payload) {
+      state.ready = payload
+    },
     setData(state, payload) {
       for (let key in payload) {
         state[key] = payload[key];