gx

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.color = "#ddd";
-    div.style.padding = "6px 8px";
+    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;
   }
 }
-</style>
+</style>

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;