修改显示的样式

src/components/Map.vue

@@ -20,9 +20,11 @@
       <el-icon size="20" :color="btn_data_show == true ? '#067bc9' : '#000'" title="图层数据" class="icon" @click="toggleItem('2');">
         <Coin />
       </el-icon>
+      <el-divider></el-divider>
        <el-icon size="20" :color="editFlag == true ? '#067bc9' : '#000'" title="是否编辑图层数据" class="icon" @click="toggleItem('3');">
         <Edit />
       </el-icon>
+      <el-divider></el-divider>
        <el-icon size="20" :color="btn_area_show == true ? '#067bc9' : '#000'" title="辖区数据" class="icon" @click="toggleItem('4');">
         <PictureRounded />
       </el-icon>
@@ -675,6 +677,7 @@ export default {
 }
 /deep/.el-divider--horizontal{
   margin: 0 !important;
+  height: initial !important;
 }
 /* 新增：辖区名称样式 */
 /deep/.area-name {
@@ -720,13 +723,30 @@ export default {
   border-radius: 4px;
   display: grid;
   // gap: 8px;
-  .icon{
+  .icon {
+    cursor: pointer;
+    padding: 6px;
+    &:hover{
+      background: #e6e6e6;
+    }
+  }
+  .icon:first-child {
     cursor: pointer;
     padding: 6px;
     &:hover{
       background: #e6e6e6;
+      border-radius: 4px 4px 0px 0px;
     }
   }
+  .icon:last-child {
+    cursor: pointer;
+    padding: 6px;
+    &:hover{
+      background: #e6e6e6;
+      border-radius: 0px 0px 4px 4px;
+    }
+  }
+  
 }
 
 /* 十字准线样式 */

src/views/IndexView.vue

@@ -207,7 +207,7 @@ export default {
 }
 .map-box{
     position: fixed;
-    right: 70px;
+    right: 50px;
     bottom: 50px;
     display: flex;
     align-items: center;