This commit is contained in:
duanxiaohai 2024-07-24 14:23:02 +08:00
parent ff2d2f4817
commit be165ff988
1 changed files with 54 additions and 34 deletions

View File

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