gx

src/view/sy_map.vue

@@ -299,11 +299,9 @@ const addPolygonCounty = () => {
 };
 //添加街道名
 const addJd = () => {
- 
   mapTownCount.map((item) => {
     createCustomOverlayJd(item);
   });
- 
 };
 //添加街道名2含数量
 const addJd2 = () => {
@@ -487,8 +485,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";
@@ -505,7 +503,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));
 
@@ -866,6 +864,9 @@ const jbfwqTotal = ref([
             img2: b2,
             x: 33,
             y: 0,
+            textColor: "#fff",
+           
+             padding: "4px 8px 10px",
           },
           {
             name: "衢州学院附属幼儿园",
@@ -875,6 +876,8 @@ const jbfwqTotal = ref([
             img2: b2,
             x: 55,
             y: 0,
+            textColor: "#fff",
+             padding: "4px 8px 10px",
           },
           {
             name: "溪口中银小学",
@@ -884,6 +887,8 @@ const jbfwqTotal = ref([
             img2: b2,
             x: 38,
             y: 0,
+            textColor: "#fff",
+             padding: "4px 8px 10px",
           },
           {
             name: "溪口初中",
@@ -893,6 +898,8 @@ const jbfwqTotal = ref([
             img2: b2,
             x: 33,
             y: 0,
+            textColor: "#fff",
+             padding: "4px 8px 10px",
           },
           {
             name: "居家养老中心",
@@ -902,6 +909,8 @@ const jbfwqTotal = ref([
             img2: b1,
             x: 38,
             y: 0,
+            textColor: "#fff",
+             padding: "4px 8px 10px",
           },
           {
             name: "共享食堂",
@@ -911,6 +920,8 @@ const jbfwqTotal = ref([
             img2: b1,
             x: 33,
             y: 0,
+            textColor: "#fff",
+             padding: "4px 8px 10px",
           },
           {
             name: "老年活动中心",
@@ -920,6 +931,8 @@ const jbfwqTotal = ref([
             img2: b1,
             x: 38,
             y: 0,
+            textColor: "#fff",
+             padding: "4px 8px 10px",
           },
           {
             name: "残疾人之家",
@@ -929,6 +942,8 @@ const jbfwqTotal = ref([
             img2: b1,
             x: 35,
             y: 0,
+            textColor: "#fff",
+             padding: "4px 8px 10px",
           },
           {
             name: "智慧篮球场",
@@ -938,6 +953,8 @@ const jbfwqTotal = ref([
             img2: b3,
             x: 34,
             y: 50,
+            textColor: "#fff",
+             padding: "8px 8px 2px",
           },
           {
             name: "慢行步道",
@@ -947,6 +964,8 @@ const jbfwqTotal = ref([
             img2: b3,
             x: 26,
             y: 50,
+            textColor: "#fff",
+             padding: "8px 8px 2px",
           },
           {
             name: "文化礼堂",
@@ -956,6 +975,8 @@ const jbfwqTotal = ref([
             img2: b4,
             x: 33,
             y: 0,
+            textColor: "#79B72B",
+             padding: "4px 8px 10px",
           },
           {
             name: "综合文化站",
@@ -965,6 +986,8 @@ const jbfwqTotal = ref([
             img2: b4,
             x: 35,
             y: 0,
+            textColor: "#79B72B",
+             padding: "4px 8px 10px",
           },
           {
             name: "共享菜园",
@@ -974,6 +997,8 @@ const jbfwqTotal = ref([
             img2: b4,
             x: 33,
             y: 0,
+            textColor: "#79B72B",
+             padding: "4px 8px 2px",
           },
           {
             name: "零工市场",
@@ -983,6 +1008,8 @@ const jbfwqTotal = ref([
             img2: b4,
             x: 33,
             y: 0,
+            textColor: "#79B72B",
+             padding: "4px 8px 10px",
           },
           {
             name: "溪口中心医院",
@@ -992,6 +1019,8 @@ const jbfwqTotal = ref([
             img2: b5,
             x: 10,
             y: 50,
+            textColor: "#fff",
+             padding: "8px 8px 2px",
           },
           {
             name: "溪口菜市场",
@@ -1001,6 +1030,8 @@ const jbfwqTotal = ref([
             img2: b6,
             x: -24,
             y: 50,
+            textColor: "#fff",
+             padding: "8px 8px 2px",
           },
           {
             name: "大型超市",
@@ -1010,6 +1041,8 @@ const jbfwqTotal = ref([
             img2: b6,
             x: -24,
             y: 50,
+            textColor: "#fff",
+             padding: "8px 8px 2px",
           },
           {
             name: "智慧停车场",
@@ -1019,6 +1052,8 @@ const jbfwqTotal = ref([
             img2: b6,
             x: -28,
             y: 50,
+            textColor: "#fff",
+             padding: "8px 8px 2px",
           },
           {
             name: "溪口镇便民服务中心",
@@ -1028,6 +1063,8 @@ const jbfwqTotal = ref([
             img2: b6,
             x: -40,
             y: 50,
+            textColor: "#fff",
+             padding: "8px 8px 2px",
           },
         ],
       },

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;