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

gx

This commit is contained in:
姚宇浩 2024-08-01 10:44:31 +08:00
parent 95894ec5c0
commit ecfcbb0779
2 changed files with 29 additions and 31 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

60
src/view/sy_mapcopy.vue
View File

@ -7,12 +7,7 @@
<div class="title">
<div class="title_name">
<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 class="title_line"></div>
</div>
<div class="age-container">
<div class="progress-wrapper">
@ -73,19 +68,19 @@
:key="index"
>
<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">
{{ item.rksl }}
{{ item.rksl }}人
<div class="content_item_percent" v-if="item.ages != '总人口'">
({{ item.percent }}%)
</div>
</div>
</div>
</div>
</div>
<div class="tsbq">
<div class="title">
<div class="title_name">特殊标签</div>
<div class="title_line"></div>
<div class="title_name"><span>特殊标签</span></div>
</div>
<div class="content">
<div
@ -104,8 +99,7 @@
<div class="right" style="width: 517px">
<div class="jbggfwq">
<div class="title">
<div class="title_name">基本公共服务圈</div>
<div class="title_line"></div>
<div class="title_name"><span> 基本公共服务圈</span></div>
</div>
<div class="jbggfwq_content">
<div
@ -129,8 +123,7 @@
</div>
<div class="zyys">
<div class="title">
<div class="title_name">资源要素</div>
<div class="title_line"></div>
<div class="title_name"><span> 资源要素</span></div>
</div>
<div class="zyys_content">
<div
@ -2030,8 +2023,8 @@ const addPolygonCountyCs = () => {
});
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;
@ -2548,7 +2541,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;
@ -2574,7 +2567,7 @@ onMounted(() => {
justify-content: space-between;
padding: 18px;
padding-left: 24px;
// padding-right: 5px;
padding-right: 5px;
width: 48%;
position: relative;
// height: 57px;
@ -2638,12 +2631,14 @@ 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;
display: flex;
.content_item_percent {
margin-left: 2px;
color: #6bfeff;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
}
.choose {
@ -2753,7 +2748,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;
@ -2885,6 +2880,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;
@ -2923,12 +2921,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 {