diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index a54199e..79216b5 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -244,17 +244,17 @@ const xkzDk = reactive([]); const xkzCenter = reactive([ { name: "溪口村", - center: [119.204344, 28.862394], + center: [119.175728, 28.846981], number: "50", }, { name: "扁石村", - center: [119.183549, 28.858], + center: [119.158971, 28.856232], number: "50", }, { name: "大垅村", - center: [119.170309, 28.862776], + center: [119.175309, 28.862776], number: "50", }, { @@ -264,22 +264,22 @@ const xkzCenter = reactive([ }, { name: "双港口村", - center: [119.211353, 28.869576], + center: [119.211353, 28.872576], number: "50", }, { name: "灵上村", - center: [119.177185, 28.874582], + center: [119.175805, 28.868218], number: "50", }, { name: "灵下村", - center: [119.175233, 28.878677], + center: [119.168797, 28.871674], number: "50", }, { name: "下徐村", - center: [119.177544, 28.882818], + center: [119.175667, 28.878136], number: "50", }, { @@ -289,7 +289,7 @@ const xkzCenter = reactive([ }, { name: "寺下村", - center: [119.1718, 28.89816], + center: [119.1648, 28.90016], number: "50", }, { @@ -299,17 +299,17 @@ const xkzCenter = reactive([ }, { name: "石角村", - center: [119.141602, 28.919005], + center: [119.125078, 28.912612], number: "50", }, { name: "红罗村", - center: [119.206318, 28.913218], + center: [119.184318, 28.913218], number: "50", }, { name: "冷水村", - center: [119.213226, 28.93395], + center: [119.193226, 28.93395], number: "50", }, { @@ -531,7 +531,7 @@ const createCustomOverlayJd2 = (polygon) => { jdCenter = item.center; } }); - addCs2(); + addCs2(); goMapCenter(jdCenter, 14); } }; @@ -578,7 +578,7 @@ const createCs2 = (polygon) => { div.style.justifyContent = "center"; div.style.alignItems = "center"; div.style.cursor = "pointer"; - div.style.padding="10px" + div.style.padding = "10px"; div.style.backgroundColor = "red"; div.style.borderRadius = "20%"; div.style.transform = "translateY(50px)"; @@ -1080,8 +1080,8 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#fff", - - padding: "4px 8px 10px", + + padding: "4px 8px 10px", }, { name: "衢州学院附属幼儿园", @@ -1092,7 +1092,7 @@ const jbfwqTotal = ref([ x: 55, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "溪口中银小学", @@ -1103,7 +1103,7 @@ const jbfwqTotal = ref([ x: 38, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "溪口初中", @@ -1114,7 +1114,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "居家养老中心", @@ -1125,7 +1125,7 @@ const jbfwqTotal = ref([ x: 38, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "共享食堂", @@ -1136,7 +1136,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "老年活动中心", @@ -1147,7 +1147,7 @@ const jbfwqTotal = ref([ x: 38, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "残疾人之家", @@ -1158,7 +1158,7 @@ const jbfwqTotal = ref([ x: 35, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "智慧篮球场", @@ -1169,7 +1169,7 @@ const jbfwqTotal = ref([ x: 34, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "慢行步道", @@ -1180,7 +1180,7 @@ const jbfwqTotal = ref([ x: 26, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "文化礼堂", @@ -1191,7 +1191,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#79B72B", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "综合文化站", @@ -1202,7 +1202,7 @@ const jbfwqTotal = ref([ x: 35, y: 0, textColor: "#79B72B", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "共享菜园", @@ -1213,7 +1213,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#79B72B", - padding: "4px 8px 2px", + padding: "4px 8px 2px", }, { name: "零工市场", @@ -1224,7 +1224,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#79B72B", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "溪口中心医院", @@ -1235,7 +1235,7 @@ const jbfwqTotal = ref([ x: 10, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "溪口菜市场", @@ -1246,7 +1246,7 @@ const jbfwqTotal = ref([ x: -24, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "大型超市", @@ -1257,7 +1257,7 @@ const jbfwqTotal = ref([ x: -24, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "智慧停车场", @@ -1268,7 +1268,7 @@ const jbfwqTotal = ref([ x: -28, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "溪口镇便民服务中心", @@ -1279,7 +1279,7 @@ const jbfwqTotal = ref([ x: -40, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, ], }, @@ -1788,13 +1788,33 @@ onMounted(() => { .jbggfwq_content_item_right_item { cursor: pointer; + display: flex; + align-items: center; + justify-content: center; box-sizing: border-box; + width: 92px; height: 48px; font-weight: 500; + text-align: center; font-size: 16px; line-height: 28px; background: rgba(124, 151, 180, 0.8); - padding: 10px; + // padding: 10px; + margin-bottom: 4px; + position: relative; /* 必须设置 position 属性以便伪元素定位 */ + } + .jbggfwq_content_item_right_item::after { + content: ""; + display: block; + width: 1px; + height: 18px; + background-color: #fff; + position: absolute; + top: 14px; + right: 0px; + } + :nth-child(4n).jbggfwq_content_item_right_item::after { + opacity: 0; } .choose {