diff --git a/src/assets/images/map/map_title_bg.png b/src/assets/images/map/map_title_bg.png new file mode 100644 index 0000000..a7ad9cb Binary files /dev/null and b/src/assets/images/map/map_title_bg.png differ diff --git a/src/view/sy_mapcopy.vue b/src/view/sy_mapcopy.vue index b8e35f9..5dbcd3f 100644 --- a/src/view/sy_mapcopy.vue +++ b/src/view/sy_mapcopy.vue @@ -7,12 +7,7 @@
龙游县 - >{{ title_jd }} - >{{ title_cs }}
-
@@ -73,19 +68,19 @@ :key="index" >
{{ ageLess0(item.ages) }}
-
- ({{ item.percent }}%) -
+
- {{ item.rksl }} + {{ item.rksl }}人 +
+ ({{ item.percent }}%) +
-
特殊标签
-
+
特殊标签
-
基本公共服务圈
-
+
基本公共服务圈
-
资源要素
-
+
资源要素
{ }); map.addOverlay(cs_qk_arr.value[index]); cs_qk_arr.value[index].addEventListener("click", () => { - console.log('名字',item.name); - + console.log("名字", item.name); + cfCs.value = item.name; title_cs.value = item.name; sfdd.value = true; @@ -2593,7 +2586,7 @@ onMounted(() => { ); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5); backdrop-filter: blur(3px); - padding: 30px 26px; + padding: 30px 15px; display: flex; flex-direction: column; z-index: 12; @@ -2619,7 +2612,7 @@ onMounted(() => { justify-content: space-between; padding: 18px; padding-left: 24px; - // padding-right: 5px; + padding-right: 5px; width: 48%; position: relative; // height: 57px; @@ -2683,13 +2676,15 @@ onMounted(() => { top: 7.5px; left: -13px; } - .content_item_percent { - color: #6bfeff; - text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); + + .content_item_value { + display: flex; + .content_item_percent { + margin-left: 2px; + color: #6bfeff; + text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); + } } - // .content_item_value { - // // display: flex; - // } .choose { background-image: url(@/assets/images/map/choose.png) !important; @@ -2798,7 +2793,7 @@ onMounted(() => { ); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5); backdrop-filter: blur(3px); - padding: 30px 26px; + padding: 30px 15px; display: flex; flex-direction: column; z-index: 12; @@ -2930,6 +2925,9 @@ onMounted(() => { } .title { + background-image: url(@/assets/images/map/map_title_bg.png); + background-repeat: no-repeat; + background-size: 100% 100%; .title_name { cursor: pointer; display: flex; @@ -2968,12 +2966,12 @@ onMounted(() => { } } - .title_line { - height: 4px; - width: 100%; - border-top: 1px solid #ffffff; - border-bottom: 2px dashed #ffffff; - } + // .title_line { + // height: 4px; + // width: 100%; + // border-top: 1px solid #ffffff; + // border-bottom: 2px dashed #ffffff; + // } } .age-container {