debug info"

src/App.vue

@@ -21,6 +21,7 @@
   // import Dialog from '/@/components/basic/dialog';
   import { useRtcStore } from './store/modules/rtc';
   const { createTourPlayer } = useTourPlayer();
+  const showDebug = ref(true);
 
   const sceneStore = useSceneStore();
   const appStore = useAppStore();
@@ -243,7 +244,10 @@
 </script>
 
 <template>
-  <div class="debug"> 小地图显示：{{ !!unref(refMiniMap) && player.showWidgets }} </div>
+  <div class="debug flex justify-between px-1" v-if="showDebug">
+    <span>调试信息：小地图显示：{{ !!unref(refMiniMap) && player.showWidgets }}</span
+    ><span class="close" @click.stop="showDebug = false">X</span>
+  </div>
   <LoadingLogo :thumb="true" />
   <!-- 引导页 -->
   <Title v-if="isLoaded" />
@@ -283,8 +287,16 @@
     position: fixed;
     top: 0;
     left: 0;
-    z-index: 100000;
+    z-index: 1000001;
     text-align: left;
     width: 100%;
+    .close {
+      // background-color: red;
+      width: 30px;
+      text-align: center;
+      &:hover {
+        cursor: pointer;
+      }
+    }
   }
 </style>