diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue index bbee4d86..b8e0feb1 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue @@ -6,8 +6,8 @@ {{ layer.title }} - - + +
@@ -20,10 +20,12 @@ {{ item.title }}
- -
- - 清空图层 + +
+
+ + 清空图层 +
@@ -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,25 +222,30 @@ export default { } } - .cleared-btn { - // position: absolute; - cursor: pointer; - width: 98px; - height: 31px; - border-radius: 20px; - border: 1px solid #25d8ff; - font-size: 12px; - font-family: PingFang SC, PingFang SC; - font-weight: 500; - color: #ffffff; + .bottom { display: flex; - align-items: center; + justify-content: end; - img { - width: 16px; - height: 16px; - display: inline-block; - margin: 0 10px; + .cleared-btn { + // position: absolute; + cursor: pointer; + width: 98px; + height: 31px; + border-radius: 20px; + border: 1px solid #25d8ff; + font-size: 12px; + font-family: PingFang SC, PingFang SC; + font-weight: 500; + color: #ffffff; + display: flex; + align-items: center; + + img { + width: 16px; + height: 16px; + display: inline-block; + margin: 0 10px; + } } } }