diff --git a/src/assets/images/map/js_gx.png b/src/assets/images/map/js_gx.png index d6a4d33..a9150e3 100644 Binary files a/src/assets/images/map/js_gx.png and b/src/assets/images/map/js_gx.png differ diff --git a/src/assets/images/map/st_map.png b/src/assets/images/map/st_map.png index 813f747..786fbd0 100644 Binary files a/src/assets/images/map/st_map.png and b/src/assets/images/map/st_map.png differ diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 1b01a6a..7b534a5 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -244,26 +244,34 @@ {{ bjtitle }}

-
-
-
- +
+
+
+ {{ business.unfold ? "▶" : "◀" }}
-
机制标准
-
-
- +
+
+
+ +
+
机制标准
-
业务流程
-
-
-
- +
+
+ +
+
业务流程
+
+
+
+ +
+
工作情况
-
工作情况
+ { if (item.name == name) { business.bj = item.bj; business.show = true; + business.unfold = false; } else { removeOverlay(item.name); } @@ -6359,40 +6377,59 @@ onMounted(async () => { color: #0c356a; } } -.right-floating-window { +.fight-floating-box { z-index: 100; position: absolute; color: #ffffff; - top: 20%; + top: 18%; right: 28%; font-family: PangMenZhengDao; - - .floating_model { - border: 1px solid #7db6c8; - padding: 6px 10px 6px 6px; - margin-bottom: 10px; - background: #426c8d; - box-shadow: 0px 3px 8px 0px rgba(43, 114, 153, 0.7); - border-radius: 6px; - display: flex; - align-items: center; - justify-content: space-between; - font-size: 20px; - color: #c2e1ff; - text-align: left; - font-style: normal; - text-transform: none; + display: flex; + flex-direction: column; + .arrow { + float: right; + display: inline-block; + padding: 5px 5px 7px; + border-radius: 5px; cursor: pointer; - .floating_model_icon { - width: 30px; - height: 30px; - img { - width: 100%; - height: 100%; + font-size: 16px; + color: #ffffff; + transition: color 0.2s ease; + background: #7aceff; + margin-bottom: 10px; + } + .arrow:hover { + color: #0c356a; + } + .right-floating-window { + .floating_model { + border: 1px solid #7db6c8; + padding: 6px 10px 6px 6px; + margin-bottom: 10px; + background: #426c8d; + box-shadow: 0px 3px 8px 0px rgba(43, 114, 153, 0.7); + border-radius: 6px; + display: flex; + align-items: center; + justify-content: space-between; + font-size: 20px; + color: #c2e1ff; + text-align: left; + font-style: normal; + text-transform: none; + cursor: pointer; + .floating_model_icon { + width: 30px; + height: 30px; + img { + width: 100%; + height: 100%; + } } } } } + .title { background-image: url(@/assets/images/map/map_title_bg.png); background-repeat: no-repeat;