文字错误修改

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>
+          <span>{{ item.name }}</span>
-        
+        </div>
-    </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 {
@@ -102,15 +99,14 @@ const list = [
     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%;
+      background-size: 100% 100%;
-    margin-top: 13px;
+      margin-top: 13px;
-    margin-left: 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: url("../../../assets/images/flight-circle.png") no-repeat right
-  background-size:cover;
+    center;
-
+  background-size: cover;
 
   margin: 0;
-    .uav-img{
+  .uav-img {
-        position: absolute;
+    position: absolute;
-        top: -30px;
+    top: -30px;
-        left: 50%;
+    left: 50%;
-        transform: translateX(-50%);
+    transform: translateX(-50%);
-        width: 161px;
+    width: 161px;
-        height: 131px;
+    height: 131px;
-        background: url("../../../assets/images/uav-img.png") no-repeat center;
+    background: url("../../../assets/images/uav-img.png") no-repeat center;
-        background-size: 100% 100%;
+    background-size: 100% 100%;
-    }
+  }
   .section-object-item {
-      position: absolute;
+    position: absolute;
-      width: 70px;
+    width: 70px;
-      height: 77px;
+    height: 77px;
-      background: url("../../../assets/images/flight-circle-zi.png") no-repeat center;
+    background: url("../../../assets/images/flight-circle-zi.png") no-repeat
-      background-size: 100% 100%; 
+      center;
-      padding-top: 10px;
+    background-size: 100% 100%;
-      text-align: center;
+    padding:0 6px ;
-      font-size: 13px;
+    padding-top: 13px;
-      color: #FFFFFF;
-        font-weight: bold;
-        text-shadow: 2px 0px 2px #020D21;
-   
-    
     
+    text-align: center;
+    font-size: 13px;
+    color: #ffffff;
+    font-weight: bold;
+    text-shadow: 2px 0px 2px #020d21;
   }
 }