修改样式

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue

@@ -6,8 +6,8 @@
         {{ layer.title }}
       </div>
     </div>
-    <!-- <div class="tabs-content"> -->
-    <!-- <TransitionGroup name="fade-group" tag="div" class="absoluteBody"> -->
+
+    <!-- group -->
     <TransitionGroup name="fade-group" tag="div" class="tabs-content">
       <div class="device-item" v-for="(item, index) in tabContentData" :key="item.id" @click="handleDevice(item)"
         :style="getStart(index)">
@@ -20,11 +20,13 @@
         <span>{{ item.title }}</span>
       </div>
     </TransitionGroup>
-    <!-- </div> -->
+
+    <div class="bottom">
       <div class="cleared-btn" @click="handleCleared">
         <img src="@screen/images/icon/icon_006.png" />
         <span>清空图层</span>
       </div>
+    </div>
 
     <!-- 摄像机设备 控制 弹窗  球机 可打开-->
     <!-- <ControlCamera :data="cameraDialogConfig.data" :visible="cameraDialogConfig.visibleType === 0" /> -->
@@ -88,8 +90,8 @@ export default {
 
       if (!mapIns) return;
 
-      mapIns.clearMap();
-      mapIns.getLayers().forEach((layer, index) => index && mapIns.remove(layer))
+      // mapIns.clearMap();
+      mapIns.getLayers().forEach((layer, index) => index > 1 && mapIns.remove(layer))
     },
 
     // 摄像机 可控 不可控 弹窗 回调
@@ -220,6 +222,10 @@ export default {
     }
   }
 
+  .bottom {
+    display: flex;
+    justify-content: end;
+
     .cleared-btn {
       // position: absolute;
       cursor: pointer;
@@ -242,4 +248,5 @@ export default {
       }
     }
   }
+}
 </style>