xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git.cityme.com.cn/xiangshan/ggfwjsc

This commit is contained in:
duanxiaohai 2024-08-01 14:04:27 +08:00
parent 01fb0aba38 04f2a0ff54
commit c020728959
2 changed files with 30 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/map/map_title_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

62
src/view/sy_mapcopy.vue
View File

@ -7,12 +7,7 @@
<div class="title"> <div class="title">
<div class="title_name"> <div class="title_name">
<span @click="csh()">龙游县</span> <span @click="csh()">龙游县</span>
<span v-if="title_jd" @click="to_jd(title_jd)"
>>{{ title_jd }}</span
>
<span v-if="title_cs">>{{ title_cs }}</span>
</div> </div>
<div class="title_line"></div>
</div> </div>
<div class="age-container"> <div class="age-container">
<div class="progress-wrapper"> <div class="progress-wrapper">
@ -73,19 +68,19 @@
:key="index" :key="index"
> >
<div class="content_item_name">{{ ageLess0(item.ages) }}</div> <div class="content_item_name">{{ ageLess0(item.ages) }}</div>
<div class="content_item_percent" v-if="item.ages != '总人口'">
({{ item.percent }}%)
</div>
<div class="content_item_value"> <div class="content_item_value">
{{ item.rksl }} {{ item.rksl }}人
<div class="content_item_percent" v-if="item.ages != '总人口'">
({{ item.percent }}%)
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="tsbq"> <div class="tsbq">
<div class="title"> <div class="title">
<div class="title_name">特殊标签</div> <div class="title_name"><span>特殊标签</span></div>
<div class="title_line"></div>
</div> </div>
<div class="content"> <div class="content">
<div <div
@ -104,8 +99,7 @@
<div class="right" style="width: 517px"> <div class="right" style="width: 517px">
<div class="jbggfwq"> <div class="jbggfwq">
<div class="title"> <div class="title">
<div class="title_name">基本公共服务圈</div> <div class="title_name"><span> 基本公共服务圈</span></div>
<div class="title_line"></div>
</div> </div>
<div class="jbggfwq_content"> <div class="jbggfwq_content">
<div <div
@ -129,8 +123,7 @@
</div> </div>
<div class="zyys"> <div class="zyys">
<div class="title"> <div class="title">
<div class="title_name">资源要素</div> <div class="title_name"><span> 资源要素</span></div>
<div class="title_line"></div>
</div> </div>
<div class="zyys_content"> <div class="zyys_content">
<div <div
@ -2075,8 +2068,8 @@ const addPolygonCountyCs = () => {
}); });
map.addOverlay(cs_qk_arr.value[index]); map.addOverlay(cs_qk_arr.value[index]);
cs_qk_arr.value[index].addEventListener("click", () => { cs_qk_arr.value[index].addEventListener("click", () => {
console.log('名字',item.name); console.log("名字", item.name);
cfCs.value = item.name; cfCs.value = item.name;
title_cs.value = item.name; title_cs.value = item.name;
sfdd.value = true; sfdd.value = true;
@ -2593,7 +2586,7 @@ onMounted(() => {
); );
box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
padding: 30px 26px; padding: 30px 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
z-index: 12; z-index: 12;
@ -2619,7 +2612,7 @@ onMounted(() => {
justify-content: space-between; justify-content: space-between;
padding: 18px; padding: 18px;
padding-left: 24px; padding-left: 24px;
// padding-right: 5px; padding-right: 5px;
width: 48%; width: 48%;
position: relative; position: relative;
// height: 57px; // height: 57px;
@ -2683,13 +2676,15 @@ onMounted(() => {
top: 7.5px; top: 7.5px;
left: -13px; left: -13px;
} }
.content_item_percent {
color: #6bfeff; .content_item_value {
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); 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 { .choose {
background-image: url(@/assets/images/map/choose.png) !important; 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); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
padding: 30px 26px; padding: 30px 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
z-index: 12; z-index: 12;
@ -2930,6 +2925,9 @@ onMounted(() => {
} }
.title { .title {
background-image: url(@/assets/images/map/map_title_bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
.title_name { .title_name {
cursor: pointer; cursor: pointer;
display: flex; display: flex;
@ -2968,12 +2966,12 @@ onMounted(() => {
} }
} }
.title_line { // .title_line {
height: 4px; // height: 4px;
width: 100%; // width: 100%;
border-top: 1px solid #ffffff; // border-top: 1px solid #ffffff;
border-bottom: 2px dashed #ffffff; // border-bottom: 2px dashed #ffffff;
} // }
} }
.age-container { .age-container {