From 8d22c186069e7102312c8663e0825acdfe29364e Mon Sep 17 00:00:00 2001
From: chenhaojie <chenhaojie@datametatech.com>
Date: Thu, 13 Mar 2025 21:27:04 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E5=9B=BE=E5=B1=82?=
 =?UTF-8?q?=E6=A0=91=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/web/useMap.tsx                    | 15 +++++++++++++--
 src/theme/tree.scss                         | 11 +----------
 src/views/Main/Map/components/LayerTree.vue |  2 +-
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/hooks/web/useMap.tsx b/src/hooks/web/useMap.tsx
index b2ae559..2ed6e37 100644
--- a/src/hooks/web/useMap.tsx
+++ b/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,
       },
     });
 
diff --git a/src/theme/tree.scss b/src/theme/tree.scss
index ecb090d..8597ee6 100644
--- a/src/theme/tree.scss
+++ b/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;
diff --git a/src/views/Main/Map/components/LayerTree.vue b/src/views/Main/Map/components/LayerTree.vue
index 07faeb7..6f9908b 100644
--- a/src/views/Main/Map/components/LayerTree.vue
+++ b/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>