fix: direction

src/views/scene/container.vue

@@ -122,7 +122,7 @@ onMounted(async () => {
     position: absolute !important;
     right: calc(var(--boundMargin) + 10px) !important;
     top: calc(var(--boundMargin) + 10px) !important;
-    z-index: 1;
+    // z-index: 1;
   }
   #home {
     position: absolute !important;

src/views/scene/index.vue

@@ -3,13 +3,7 @@
     <template v-slot:header>
       <div class="photos-header">
         <div class="left">
-          <ui-icon
-            class="back-icon"
-            type="return"
-            ctrl
-            style="margin-right: 10px"
-            @click="back"
-          />
+          <ui-icon class="back-icon" type="return" ctrl style="margin-right: 10px" @click="back" />
           <span> 案件 </span>
         </div>
       </div>
@@ -20,28 +14,15 @@
         <div class="info-top-left" :class="{ full: viewStatus }">
           <Container @loaded="loaded = true" />
           <template v-if="loaded && !trackMode">
-            <Menus
-              v-if="viewStatus"
-              @active="(data) => (activeMenuKeys = data)"
-              @enter-child="childPage = true"
-              @leave-child="childPage = false"
-            />
+            <Menus v-if="viewStatus" @active="(data) => (activeMenuKeys = data)" @enter-child="childPage = true" @leave-child="childPage = false" />
             <!-- v-if="currentView" -->
             <BasePoints />
             <FixPoints />
             <Measures />
             <Photo />
-            <Range
-              v-if="activeMenuKeys[0] === 'range'"
-              :rangeKey="activeMenuKeys.slice(1).join(':')"
-            />
+            <Range v-if="activeMenuKeys[0] === 'range'" :rangeKey="activeMenuKeys.slice(1).join(':')" />
             <!-- <ButtonPane class="back fun-ctrl" size="48" @click="router.push('/scene')" v-if="!childPage"> -->
-            <ButtonPane
-              class="back fun-ctrl"
-              :size="viewStatus ? 64 : 48"
-              @click="onScale"
-              v-if="!childPage"
-            >
+            <ButtonPane class="back fun-ctrl" :size="viewStatus ? 64 : 48" @click="onScale" v-if="!childPage">
               <ui-icon :type="viewStatus ? 'screen_c' : 'screen_f'" class="icon" />
             </ButtonPane>
             <Mode />
@@ -65,12 +46,8 @@
             <textarea class="info-textarea"></textarea>
           </div>
           <div class="info-btn">
-            <div class="right-btn" @click="router.push('/roads?back=1')">
-              现场绘图({{ sceneSortPhotos.length }})
-            </div>
-            <div class="right-btn" @click="router.push('/accidents?back=1')">
-              事故照片({{ accodentSortPhotos.length }})
-            </div>
+            <div class="right-btn" @click="router.push('/roads?back=1')">现场绘图({{ sceneSortPhotos.length }})</div>
+            <div class="right-btn" @click="router.push('/accidents?back=1')">事故照片({{ accodentSortPhotos.length }})</div>
           </div>
         </div>
       </div>
@@ -118,11 +95,7 @@ const enum TypeEnum {
   Table,
 }
 const currentType = ref(TypeEnum.Draw);
-const sceneSortPhotos = computed(() =>
-  roadPhotos.value
-    .filter((item) => (currentType.value === TypeEnum.Draw ? !item.table : !!item.table))
-    .reverse()
-);
+const sceneSortPhotos = computed(() => roadPhotos.value.filter((item) => (currentType.value === TypeEnum.Draw ? !item.table : !!item.table)).reverse());
 
 const loaded = ref(false);
 const childPage = ref(false);
@@ -402,7 +375,8 @@ onActivated(async () => {
 </style>
 <style lang="scss">
 #navCube {
-  opacity: 0;
+  // opacity: 0;
+  z-index: -1;
   pointer-events: none;
 }
 #home {
@@ -411,7 +385,9 @@ onActivated(async () => {
 }
 .full {
   #navCube {
-    opacity: 1;
+    // opacity: 1;
+
+    z-index: 1;
     pointer-events: auto;
   }
   #home {