style: 调整图层树数据

src/hooks/web/useMap.tsx

@@ -28,7 +28,18 @@ export function useMap() {
     // 获取项目数据：图层、底图、地形
     await projectStore.initProject();
     await projectStore.fetchSceneConfig();
-    window.viewer = new SyCim.Viewer("viewer-container");
+    window.viewer = new SyCim.Viewer("viewer-container", {
+      eventPropagation: true,
+      shouldAnimate: true,
+      contextOptions: {
+        requestWebgl1: false,
+        webgl: {
+          alpha: false,
+          powerPreference: "high-performance",
+          stencil: true,
+        },
+      },
+    });
     (viewer as any).id = "viewer-container";
     viewer.setOptions({
       showMoon: false,
@@ -48,7 +59,7 @@ export function useMap() {
 
     viewer.setOptions({
       globe: {
-        depthTestAgainstTerrain: false,
+        depthTestAgainstTerrain: true,
       },
     });
 

src/theme/tree.scss

@@ -20,7 +20,7 @@
   letter-spacing: 0px;
   color: #ffffff;
   .sy-tree-node__content {
-    padding-right: 24px;
+    padding-right: 12px;
     height: 32px;
     line-height: 32px;
     &:hover {
@@ -34,19 +34,10 @@
     background: rgba(54, 178, 158, 0.1);
     box-shadow: inset -4px 0px 0px 0px #36b29e;
   }
-  .sy-tree-node__expand-icon {
-    margin: 24px;
-    margin-right: 8px;
-  }
   .sy-tree-node__expand-icon.is-leaf {
     color: transparent;
     cursor: default;
   }
-  .sy-tree-node__children {
-    .sy-tree-node__expand-icon {
-      margin: 16px;
-    }
-  }
   .custom-tree-node {
     display: flex;
     justify-content: space-between;

src/views/Main/Map/components/LayerTree.vue

@@ -28,7 +28,7 @@
         </template>
         <template v-slot:right="{ data }">
           <span class="btn-item" v-if="data && !data.iconCls" @click.stop="flyTo(data)">
-            <iconpark-icon size="16" name="location"></iconpark-icon>
+            <iconpark-icon size="16" name="location" color="rgba(0,0,0,0.9)"></iconpark-icon>
           </span>
         </template>
       </Tree>