diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index d8041d2..a54199e 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -699,8 +699,8 @@ const createCustomOverlay = (polygon) => { content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); var div = document.createElement("div"); - div.style.color = "#333"; - div.style.padding = "6px 8px"; + div.style.color = "#ddd"; + div.style.padding = `${polygon.padding}`; div.style.whiteSpace = "nowrap"; div.style.MozUserSelect = "none"; div.style.fontSize = "12px"; @@ -717,7 +717,7 @@ const createCustomOverlay = (polygon) => { title.style.fontSize = "14px"; title.style.fontWeight = "700"; title.style.marginLeft = "0px"; - title.style.color = "#ddd"; + title.style.color = `${polygon.textColor}`; div.appendChild(title); title.appendChild(document.createTextNode(this.properties.title)); @@ -1079,6 +1079,9 @@ const jbfwqTotal = ref([ img2: b2, x: 33, y: 0, + textColor: "#fff", + + padding: "4px 8px 10px", }, { name: "衢州学院附属幼儿园", @@ -1088,6 +1091,8 @@ const jbfwqTotal = ref([ img2: b2, x: 55, y: 0, + textColor: "#fff", + padding: "4px 8px 10px", }, { name: "溪口中银小学", @@ -1097,6 +1102,8 @@ const jbfwqTotal = ref([ img2: b2, x: 38, y: 0, + textColor: "#fff", + padding: "4px 8px 10px", }, { name: "溪口初中", @@ -1106,6 +1113,8 @@ const jbfwqTotal = ref([ img2: b2, x: 33, y: 0, + textColor: "#fff", + padding: "4px 8px 10px", }, { name: "居家养老中心", @@ -1115,6 +1124,8 @@ const jbfwqTotal = ref([ img2: b1, x: 38, y: 0, + textColor: "#fff", + padding: "4px 8px 10px", }, { name: "共享食堂", @@ -1124,6 +1135,8 @@ const jbfwqTotal = ref([ img2: b1, x: 33, y: 0, + textColor: "#fff", + padding: "4px 8px 10px", }, { name: "老年活动中心", @@ -1133,6 +1146,8 @@ const jbfwqTotal = ref([ img2: b1, x: 38, y: 0, + textColor: "#fff", + padding: "4px 8px 10px", }, { name: "残疾人之家", @@ -1142,6 +1157,8 @@ const jbfwqTotal = ref([ img2: b1, x: 35, y: 0, + textColor: "#fff", + padding: "4px 8px 10px", }, { name: "智慧篮球场", @@ -1151,6 +1168,8 @@ const jbfwqTotal = ref([ img2: b3, x: 34, y: 50, + textColor: "#fff", + padding: "8px 8px 2px", }, { name: "慢行步道", @@ -1160,6 +1179,8 @@ const jbfwqTotal = ref([ img2: b3, x: 26, y: 50, + textColor: "#fff", + padding: "8px 8px 2px", }, { name: "文化礼堂", @@ -1169,6 +1190,8 @@ const jbfwqTotal = ref([ img2: b4, x: 33, y: 0, + textColor: "#79B72B", + padding: "4px 8px 10px", }, { name: "综合文化站", @@ -1178,6 +1201,8 @@ const jbfwqTotal = ref([ img2: b4, x: 35, y: 0, + textColor: "#79B72B", + padding: "4px 8px 10px", }, { name: "共享菜园", @@ -1187,6 +1212,8 @@ const jbfwqTotal = ref([ img2: b4, x: 33, y: 0, + textColor: "#79B72B", + padding: "4px 8px 2px", }, { name: "零工市场", @@ -1196,6 +1223,8 @@ const jbfwqTotal = ref([ img2: b4, x: 33, y: 0, + textColor: "#79B72B", + padding: "4px 8px 10px", }, { name: "溪口中心医院", @@ -1205,6 +1234,8 @@ const jbfwqTotal = ref([ img2: b5, x: 10, y: 50, + textColor: "#fff", + padding: "8px 8px 2px", }, { name: "溪口菜市场", @@ -1214,6 +1245,8 @@ const jbfwqTotal = ref([ img2: b6, x: -24, y: 50, + textColor: "#fff", + padding: "8px 8px 2px", }, { name: "大型超市", @@ -1223,6 +1256,8 @@ const jbfwqTotal = ref([ img2: b6, x: -24, y: 50, + textColor: "#fff", + padding: "8px 8px 2px", }, { name: "智慧停车场", @@ -1232,6 +1267,8 @@ const jbfwqTotal = ref([ img2: b6, x: -28, y: 50, + textColor: "#fff", + padding: "8px 8px 2px", }, { name: "溪口镇便民服务中心", @@ -1241,6 +1278,8 @@ const jbfwqTotal = ref([ img2: b6, x: -40, y: 50, + textColor: "#fff", + padding: "8px 8px 2px", }, ], }, @@ -1839,4 +1878,4 @@ onMounted(() => { border-bottom: 2px dashed #ffffff; } } - \ No newline at end of file + diff --git a/src/view/sy_table.vue b/src/view/sy_table.vue index 8e896a5..64d9a0a 100644 --- a/src/view/sy_table.vue +++ b/src/view/sy_table.vue @@ -400,6 +400,9 @@ const rowState = (row) => { .tableBox { display: flex; flex-wrap: wrap; + :nth-child(3n).tableBoxTop { + margin-right: 0px; + } .tableBoxTop { width: 510px; height: 210px; @@ -409,7 +412,7 @@ const rowState = (row) => { // background-color: pink; padding: 15px 28px; box-sizing: border-box; - margin-left: 20px; + margin-right: 20px; margin-bottom: 20px; .tableBoxTops { display: flex;