From 7a41b3cd57ada2f2c28762020372537f6fafb608 Mon Sep 17 00:00:00 2001
From: xuhongjie <1943105267@qq.com>
Date: Fri, 11 Apr 2025 10:10:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E5=AD=97=E9=94=99=E8=AF=AF=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/map/panelRight.vue | 78 ++++++++++++-------------
 1 file changed, 37 insertions(+), 41 deletions(-)

diff --git a/src/views/components/map/panelRight.vue b/src/views/components/map/panelRight.vue
index 3d46392..033ebac 100644
--- a/src/views/components/map/panelRight.vue
+++ b/src/views/components/map/panelRight.vue
@@ -11,7 +11,7 @@
       </div>
       <div class="introduce-cell">
         <div class="cell-icon"></div>
-        <div class="cell-name">提升城市巡查裹盖范围</div>
+        <div class="cell-name">提升城市巡查覆盖范围</div>
       </div>
       <div class="introduce-cell">
         <div class="cell-icon"></div>
@@ -56,19 +56,17 @@
         </div>
       </div>
     </view-title>
-    <view-title height="calc(59% / 2 )" title="飞行场景" >
+    <view-title height="calc(59% / 2 )" title="飞行场景">
       <div class="flight-circle">
         <div class="uav-img"></div>
         <div
           v-for="(item, index) in list"
           :key="index"
-           :class="['section-object-item', item.className]"
+          :class="['section-object-item', item.className]"
         >
-        <span>{{item.name}}</span>
-        
-    </div>
+          <span>{{ item.name }}</span>
+        </div>
       </div>
-     
     </view-title>
   </div>
 </template>
@@ -90,7 +88,6 @@ const list = [
 .introduce {
   position: relative;
   height: 142px;
-
   background: url("../../../assets/images/introduce-bg.png");
   background-size: 100% 100%;
   .introduce-icon {
@@ -101,16 +98,15 @@ const list = [
     width: 119px;
     background: url("../../../assets/images/introduce-icon.png");
     background-size: 100% 100%;
-    
-    .introduce-image{
+
+    .introduce-image {
       height: 80%;
       width: 80%;
-
       border-radius: 50%;
       background: url("../../../assets/images/introduce-image.png");
-    background-size: 100% 100%;
-    margin-top: 13px;
-    margin-left: 13px;
+      background-size: 100% 100%;
+      margin-top: 13px;
+      margin-left: 13px;
     }
   }
   .introduce-text {
@@ -181,39 +177,39 @@ const list = [
   position: relative;
   left: 50%;
   top: 50%;
-  transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
   width: 350px;
   height: 149px;
-  background: url("../../../assets/images/flight-circle.png") no-repeat right center;
-  background-size:cover;
+  background: url("../../../assets/images/flight-circle.png") no-repeat right
+    center;
+  background-size: cover;
 
- 
   margin: 0;
-    .uav-img{
-        position: absolute;
-        top: -30px;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 161px;
-        height: 131px;
-        background: url("../../../assets/images/uav-img.png") no-repeat center;
-        background-size: 100% 100%;
-    }
+  .uav-img {
+    position: absolute;
+    top: -30px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 161px;
+    height: 131px;
+    background: url("../../../assets/images/uav-img.png") no-repeat center;
+    background-size: 100% 100%;
+  }
   .section-object-item {
-      position: absolute;
-      width: 70px;
-      height: 77px;
-      background: url("../../../assets/images/flight-circle-zi.png") no-repeat center;
-      background-size: 100% 100%; 
-      padding-top: 10px;
-      text-align: center;
-      font-size: 13px;
-      color: #FFFFFF;
-        font-weight: bold;
-        text-shadow: 2px 0px 2px #020D21;
-   
+    position: absolute;
+    width: 70px;
+    height: 77px;
+    background: url("../../../assets/images/flight-circle-zi.png") no-repeat
+      center;
+    background-size: 100% 100%;
+    padding:0 6px ;
+    padding-top: 13px;
     
-     
+    text-align: center;
+    font-size: 13px;
+    color: #ffffff;
+    font-weight: bold;
+    text-shadow: 2px 0px 2px #020d21;
   }
 }