From 769a2d6e04e2d2bb6be41a2f65df3426d204e5cc Mon Sep 17 00:00:00 2001
From: lucashu <6125220@qq.com>
Date: Thu, 21 Aug 2025 09:23:22 +0800
Subject: [PATCH] 1

---
 .../MyComponents/SceneDistribution/config.ts  |  2 +-
 .../MyComponents/SceneDistribution/index.vue  | 24 +++++++++++++------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/packages/components/Charts/MyComponents/SceneDistribution/config.ts b/src/packages/components/Charts/MyComponents/SceneDistribution/config.ts
index 5a9918f..cb6aa75 100644
--- a/src/packages/components/Charts/MyComponents/SceneDistribution/config.ts
+++ b/src/packages/components/Charts/MyComponents/SceneDistribution/config.ts
@@ -8,7 +8,7 @@ export const option = {
   title: '场景分布概况',
   titleColor: '#ffffff',
   titleSize: 20,
-  labelColor: '#B0E0E6',
+  labelColor: '#E6F7FF',
   labelSize: 16,
   valueColor: '#ffffff',
   valueSize: 40,
diff --git a/src/packages/components/Charts/MyComponents/SceneDistribution/index.vue b/src/packages/components/Charts/MyComponents/SceneDistribution/index.vue
index 19664f9..752bf8e 100644
--- a/src/packages/components/Charts/MyComponents/SceneDistribution/index.vue
+++ b/src/packages/components/Charts/MyComponents/SceneDistribution/index.vue
@@ -13,7 +13,9 @@
         <div class="cube-container">
           <img :src="getImageUrl(item.image)" class="cube-image" />
         </div>
-        <div class="item-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">{{ item.value }}</div>
+        <div class="value-container">
+          <span class="item-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">{{ item.value }}</span>
+        </div>
       </div>
     </div>
   </div>
@@ -41,7 +43,7 @@ const getImageUrl = (name: string) => {
 .go-scene-distribution {
   width: 100%;
   height: 100%;
-  background-color: #0F1C3D;
+  background-color: #020C22;
   padding: 15px;
   box-sizing: border-box;
   display: flex;
@@ -51,12 +53,10 @@ const getImageUrl = (name: string) => {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    background: linear-gradient(to right, #1A385A, #2A588A, #1A385A);
-    border: 1px solid #00E5FF;
-    border-radius: 5px;
+    background-color: rgba(21, 44, 78, 0.5);
+    border-top: 2px solid #00AFFF;
     padding: 5px 15px;
     margin-bottom: 20px;
-    box-shadow: 0 0 10px #00E5FF;
 
     .title {
       display: flex;
@@ -89,6 +89,7 @@ const getImageUrl = (name: string) => {
 
     .item-label {
       margin-bottom: 20px;
+      font-family: 'Microsoft YaHei', 'Arial', sans-serif;
     }
 
     .cube-container {
@@ -107,6 +108,15 @@ const getImageUrl = (name: string) => {
       }
     }
 
+    .value-container {
+      background: linear-gradient(to bottom, #1E3A5E, #0F1C3D);
+      border: 1px solid #2A588A;
+      border-radius: 10px;
+      padding: 5px 30px;
+      box-shadow: 0 0 10px rgba(0, 229, 255, 0.5) inset;
+      border-bottom: 3px solid #00E5FF;
+    }
+
     .item-value {
       font-weight: bold;
       font-family: 'DS-Digital', 'Arial', sans-serif;
@@ -114,4 +124,4 @@ const getImageUrl = (name: string) => {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>