From dd9c35d4fc6b8a1df155cb228bceec9727572ce0 Mon Sep 17 00:00:00 2001
From: Zzc <1373857752@qq.com>
Date: Thu, 20 Nov 2025 12:51:50 +0800
Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=E6=9B=B4=E6=96=B0=E5=9C=BA?=
 =?UTF-8?q?=E6=99=AF=E6=A0=87=E7=AD=BE=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在模板中注释掉图标图片
- 为场景标签容器添加背景图片
- 调整内容内边距、背景、边框和文字外边距
- 增强态势感知场景的视觉呈现效果
---
 .../components/SceneLabel.vue                       | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/SceneLabel.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/SceneLabel.vue
index fcc8ede..0e03036 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/SceneLabel.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/SceneLabel.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="scene-label" :class="labelClass">
     <div class="scene-label__content">
-      <img :src="iconSrc" alt="scene" class="scene-label__icon" />
+      <!-- <img :src="iconSrc" alt="scene" class="scene-label__icon" /> -->
       <span class="scene-label__text">{{ text }}</span>
     </div>
   </div>
@@ -46,6 +46,8 @@ const iconSrc = sceneIcon
   top: calc(var(--sa-header-height));
   z-index: 10;
   pointer-events: none;
+  background: url('../assets/images/灾害现场实景.png') no-repeat center center;
+  background-size: 100% 100%;
 
   // 中间分割线左侧（灾前现场实景）
   &--center-left {
@@ -63,10 +65,10 @@ const iconSrc = sceneIcon
     display: flex;
     align-items: center;
     gap: vw(6);
-    padding: vw(5) vw(10);
-    background: rgba(20, 53, 118, 1);
-    border: 1px solid var(--border-color);
-    border-radius: vw(8);
+    padding: vw(8) vw(10);
+    // background: rgba(20, 53, 118, 1);
+    // border: 1px solid var(--border-color);
+    // border-radius: vw(8);
   }
 
   &__icon {
@@ -80,6 +82,7 @@ const iconSrc = sceneIcon
     font-family: SourceHanSansCN-Medium, sans-serif;
     font-weight: 500;
     white-space: nowrap;
+    margin-left: 16px;
   }
 }
 </style>