diff --git a/dist.zip b/dist.zip
index 661639a..bd72386 100644
Binary files a/dist.zip and b/dist.zip differ
diff --git a/src/App.vue b/src/App.vue
index 497f7d6..8ff53d5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -64,6 +64,12 @@
alt
style="width: 800px;height:600px;margin-top: 150px;margin-left: 80px;"
/>
+
-->
-
+
+
+ 绿化
+
+
返回
@@ -110,33 +120,51 @@ const show = ref(true);
const showa = ref(false);
const showb = ref(false);
const showc = ref(false);
-
+const showd = ref(false);
+const showe = ref(false);
+const lh = () => {
+ showe.value = true;
+ showa.value = !showa.value;
+ showb.value = false;
+ showc.value = false;
+ showd.value = !showd.value;
+}
const handleUpdateData = data => {
if(data == "海岳大街") {
showa.value = true;
+ showe.value = true;
show.value = false;
showb.value = false;
showc.value = false;
+ showd.value = false;
}else if(data == "雄县") {
show.value = false;
showa.value = false;
showb.value = true;
showc.value = false;
+ showd.value = false;
+ showe.value = false;
}else if(data == "水泥路") {
show.value = false;
showa.value = false;
showb.value = false;
showc.value = true;
+ showd.value = false;
+ showe.value = false;
}else if(data == "2024") {
show.value = false;
showa.value = false;
showb.value = false;
showc.value = true;
+ showd.value = false;
+ showe.value = false;
}else if(data == "2025") {
show.value = true;
showa.value = false;
showb.value = false;
showc.value = false;
+ showd.value = false;
+ showe.value = false;
}
};
@@ -149,8 +177,8 @@ const clickedPoint = ref({ x: null, y: null });
const dialogWidth = "20%"; // 设置对话框宽度
const points = [
- { x: 120, y: 285 },
- { x: 606, y: 298 }
+ { x: 120, y: 460 },
+ { x: 606, y: 442 }
];
onMounted(() => {
const canvas = mapCanvas.value;
@@ -322,4 +350,27 @@ canvas {
margin-right: 5px;
}
}
+.other2 {
+ position: absolute;
+ right: 50px;
+ top: 100px;
+ height: 26px;
+ line-height: 26px;
+ width: 70px;
+ box-sizing: border-box;
+ padding: 0 12px 0 12px;
+ background: linear-gradient(270deg, #139fd5 0%, #20d6ad 100%, #5cf3d1 100%);
+ border-radius: 4px;
+ // margin-right: 9px;
+ font-size: 12px;
+ color: #ffffff;
+ text-align: center;
+ // display: flex;
+ // align-items: center;
+ // justify-content: space-between;
+ cursor: pointer;
+ :deep(.v-icon) {
+ margin-right: 5px;
+ }
+}
diff --git a/src/assets/imgs/ditua.png b/src/assets/imgs/ditua.png
index 8fc1536..ee50a61 100644
Binary files a/src/assets/imgs/ditua.png and b/src/assets/imgs/ditua.png differ
diff --git a/src/assets/imgs/hy.png b/src/assets/imgs/hy.png
index cbe8a94..9fe2dbc 100644
Binary files a/src/assets/imgs/hy.png and b/src/assets/imgs/hy.png differ
diff --git a/src/assets/imgs/lh.png b/src/assets/imgs/lh.png
new file mode 100644
index 0000000..c0f39cd
Binary files /dev/null and b/src/assets/imgs/lh.png differ