From cb971efb1f8d7b4d8bbea91ab60cb30c016827f8 Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Thu, 25 Jul 2024 17:31:02 +0800 Subject: [PATCH 1/8] gx --- src/view/sy_map.vue | 98 +++++++++++++++++++++++++-------------------- 1 file changed, 54 insertions(+), 44 deletions(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 6394910..a73c3e0 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -33,7 +33,7 @@ class="content_item" v-for="(item, index) in tsbqTotal" :class="{ choose: item.id == choose.person }" - @click="changebq(item.id)" + @click="buten2(item)" :key="index" >
{{ item.name }}
@@ -517,6 +517,7 @@ const addPolygonCounty = () => { BMAP(); if (choose.value.person == 0) { getDatas("溪口镇", ""); + getDataBq(cfJd.value,'') } else { getDatas("溪口镇", choose.value.person); } @@ -2059,8 +2060,10 @@ const buten = async (item) => { getDatas("溪口镇", item.age); }; const buten2 = async (item) => { - getDataBq(item.id, item.age); + console.log(item.id); + // getDataBq(item.id, item.age); // getDatas("溪口镇", item.age); + getDataBqs(cfJd.value, cfCs.value, item.id); }; //获取人口数 const getData = async (i, e) => { @@ -2219,10 +2222,11 @@ const getDatas2 = async (e, i, cs) => { }); }; //获取特殊标签 -const getDataBq = async (i, e) => { +const getDataBq = async (jd, cs) => { await http - .get(`/api/ggfwyth/ysyzt/getTsbq?csq=${e || ""}&xzjd=${i || ""}`) + .get(`/api/ggfwyth/ysyzt/getTsbq?csq=${cs || ""}&xzjd=${jd || ""}`) .then((res) => { + console.log(66666666666); if (res.code == 200) { if (cfJd.value == "") { tsbqTotal.value.length = 0; @@ -2260,48 +2264,54 @@ const getDataBq = async (i, e) => { } }); }; -const getDataBqs= async(i,e,v)=>{ - await http - .get(`/api/ggfwyth/ysyzt/getTsbqByXzjdOrCsq?csq=${e || ""}&xzjd=${i || ""}&tsbq=${i || ""}`) - .then((res) => { - if (res.code == 200) { - if (cfJd.value == "") { - - tsbqTotal.value.length = 0; - for (let name in res.data) { - let idd = ""; - for (let v = 0; v < tsbq_id_total.value.length; v++) { - if (tsbq_id_total.value[v].name == name) { - idd = tsbq_id_total.value[v].id; - } +const getDataBqs = async (jd, cs, bq) => { + let data = {}; + let vv = 0; + if (cs == "" && jd == "") { + data = { + tsbq: bq, + }; + vv = 1; + } else if (cs == "") { + data = { + xzjd: jd, + tsbq: bq, + }; + vv = 2; + } else { + data = { + xzjd: jd, + tsbq: bq, + csq: cs, + }; + vv = 3; + } + await http.get(`/api/ggfwyth/ysyzt/getTsbqByXzjdOrCsq`, data).then((res) => { + if (res.code == 200) { + // if (cfJd.value == "") { + // res.data.forEach((item, index) => { + // tsbqTotal.value.push({ + // id: index + 1, + // rksl: item.rksl, + // age: item.age + "", + // ages: item.age + "岁", + // }); + // }); + // } + if (vv == 1) { + mapTownCount.map((item) => { + item.number = 0; + res.data.map((items) => { + if (items.xzjd == item.name) { + item.number = items.rs; } - tsbqTotal.value.push({ - id: idd, - name: name, - rksl: res.data[name], - }); - } - console.log(1111111111, tsbqTotal.value); - // res.data.forEach((item, index) => { - // tsbqTotal.value.push({ - // id: index + 1, - // rksl: item.rksl, - // age: item.age + "", - // ages: item.age + "岁", - // }); - // }); - } - // mapTownCount.map((item) => { - // item.number = 0; - // res.data.town.map((items) => { - // if (items.town == item.name) { - // item.number = items.rksl; - // } - // }); - // }); + }); + }); } - }); -} + changeRs(bq) + } + }); +}; const reset_font = () => { let width = document.documentElement.clientWidth || document.body.clientWidth; let height = From c3bb58d616851147e44fb18eed2093f799f5b5b1 Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 25 Jul 2024 21:31:58 +0800 Subject: [PATCH 2/8] 11 --- src/view/sy_map.vue | 106 ++++++++++++++++++-------------------------- 1 file changed, 42 insertions(+), 64 deletions(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index f3a98b4..008a48d 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -11,13 +11,8 @@
-
+
{{ item.ages }}
{{ item.rksl }}
@@ -29,13 +24,8 @@
-
+
{{ item.name }}
{{ item.rksl }}
@@ -49,19 +39,11 @@
-
+
{{ item.name }}
-
+
{{ itemm.name }}
@@ -74,13 +56,8 @@
-
+
{{ item.name }}
@@ -517,7 +494,7 @@ const addPolygonCounty = () => { BMAP(); if (choose.value.person == 0) { getDatas("溪口镇", ""); - getDataBq(cfJd.value,'') + getDataBq(cfJd.value, '') } else { getDatas("溪口镇", choose.value.person); } @@ -2102,18 +2079,19 @@ const getData = async (i, e) => { personTotal.value.push({ id: index + 1, rksl: item.rksl, - age: item.age + "", + age: item.age + '', ages: item.age + "岁", }); }); } - // res.data.town.map((item) => { - // mapTownCount.map((items) => { - // if (item.town == items.name) { - // items.number = item.rksl; - // } - // }); - // }); + mapTownCount.map((item) => { + // item.number = 0; + res.data.townWwrs.map((items) => { + if (items.xzjd == item.name) { + item.swrs = items.swrs; + } + }); + }); console.log(111, res.data.townWwrs); mapTownCount.map((item) => { item.number = 0; @@ -2124,6 +2102,7 @@ const getData = async (i, e) => { }); }); } + console.log(mapTownCount, 'mapTownCount'); }); if (i) { changeRs(i); @@ -2155,7 +2134,6 @@ const getDatas = async (e, i) => { }); }); } - // res.data.committee.map((item) => { // xkzCenter.map((items) => { // if (item.committee == items.name) { @@ -2316,6 +2294,14 @@ const getDataBqs = async (jd, cs, bq) => { // }); // } if (vv == 1) { + mapTownCount.map((item) => { + // item.number = 0; + res.data.townWwrs.map((items) => { + if (items.xzjd == item.name) { + item.swrs = items.swrs; + } + }); + }); mapTownCount.map((item) => { item.number = 0; res.data.map((items) => { @@ -2379,17 +2365,13 @@ onMounted(() => { bottom: 0; width: 520px; height: 960px; - background: linear-gradient( - 270deg, + background: linear-gradient(270deg, rgba(0, 52, 131, 0.69) 0%, rgba(0, 32, 83, 0.77) 50%, - rgba(0, 60, 131, 0.74) 100% - ), - radial-gradient( - 128% 99% at 100% 46%, + rgba(0, 60, 131, 0.74) 100%), + radial-gradient(128% 99% at 100% 46%, rgba(0, 48, 125, 0.29) 0%, - rgba(0, 61, 134, 0.42) 100% - ); + rgba(0, 61, 134, 0.42) 100%); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5); backdrop-filter: blur(3px); padding: 30px 26px; @@ -2438,6 +2420,7 @@ onMounted(() => { background-size: 100% 100%; margin-bottom: 12px; } + .content_item:nth-child(2) { box-sizing: border-box; display: flex; @@ -2560,17 +2543,13 @@ onMounted(() => { bottom: 0; width: 520px; height: 960px; - background: linear-gradient( - 270deg, + background: linear-gradient(270deg, rgba(0, 52, 131, 0.69) 0%, rgba(0, 32, 83, 0.77) 50%, - rgba(0, 60, 131, 0.74) 100% - ), - radial-gradient( - 128% 99% at 100% 46%, + rgba(0, 60, 131, 0.74) 100%), + radial-gradient(128% 99% at 100% 46%, rgba(0, 48, 125, 0.29) 0%, - rgba(0, 61, 134, 0.42) 100% - ); + rgba(0, 61, 134, 0.42) 100%); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5); backdrop-filter: blur(3px); padding: 30px 26px; @@ -2640,6 +2619,7 @@ onMounted(() => { :nth-child(4n).jbggfwq_content_item_right_item::after { opacity: 0; } + :last-child.jbggfwq_content_item_right_item::after { opacity: 0; } @@ -2726,12 +2706,10 @@ onMounted(() => { // line-height: 44px; letter-spacing: 4px; margin-bottom: 15px; - background: linear-gradient( - 180deg, - #ffffff 0%, - #ffffff 40%, - #00ffff 100% - ); + background: linear-gradient(180deg, + #ffffff 0%, + #ffffff 40%, + #00ffff 100%); /* 使文字没有背景颜色的背景 */ background-clip: text; /* 为了兼容性，添加渐变背景到IE */ From 3d730b37d4251aff4137690b8616623071da69da Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 25 Jul 2024 21:37:12 +0800 Subject: [PATCH 3/8] 11 --- src/view/sy_map.vue | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 008a48d..8d08a3f 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -2087,7 +2087,7 @@ const getData = async (i, e) => { mapTownCount.map((item) => { // item.number = 0; res.data.townWwrs.map((items) => { - if (items.xzjd == item.name) { + if (items.town == item.name) { item.swrs = items.swrs; } }); @@ -2294,14 +2294,6 @@ const getDataBqs = async (jd, cs, bq) => { // }); // } if (vv == 1) { - mapTownCount.map((item) => { - // item.number = 0; - res.data.townWwrs.map((items) => { - if (items.xzjd == item.name) { - item.swrs = items.swrs; - } - }); - }); mapTownCount.map((item) => { item.number = 0; res.data.map((items) => { From 9ee7d5d5f2c7bdcf59e0b2af743c68c66b5fe48d Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 25 Jul 2024 21:38:32 +0800 Subject: [PATCH 4/8] 11 --- src/view/sy_map.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 8d08a3f..b7f7b84 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -2088,11 +2088,11 @@ const getData = async (i, e) => { // item.number = 0; res.data.townWwrs.map((items) => { if (items.town == item.name) { - item.swrs = items.swrs; + item.name = items.swrs; } }); }); - console.log(111, res.data.townWwrs); + console.log(mapTownCount); mapTownCount.map((item) => { item.number = 0; res.data.town.map((items) => { From ee1ca37e3cd832a994ada1652d127a2687f49b26 Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 25 Jul 2024 21:39:11 +0800 Subject: [PATCH 5/8] 11 --- src/view/sy_map.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index b7f7b84..d6c4275 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -2087,8 +2087,8 @@ const getData = async (i, e) => { mapTownCount.map((item) => { // item.number = 0; res.data.townWwrs.map((items) => { - if (items.town == item.name) { - item.name = items.swrs; + if (items.name == item.name) { + item.swrs = items.swrs; } }); }); From 026c70d670a33a25b1f78509d86db0eb54b44ad4 Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 25 Jul 2024 21:40:11 +0800 Subject: [PATCH 6/8] 11 --- src/view/sy_map.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index d6c4275..1c51f28 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -2087,7 +2087,7 @@ const getData = async (i, e) => { mapTownCount.map((item) => { // item.number = 0; res.data.townWwrs.map((items) => { - if (items.name == item.name) { + if (items.xzjd == item.name) { item.swrs = items.swrs; } }); From 0b52802fce9f940ec8f84d16ec8be28affc3eac8 Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 25 Jul 2024 21:53:13 +0800 Subject: [PATCH 7/8] 11 --- src/view/sy_map.vue | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 1c51f28..b7b00e7 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -2102,7 +2102,6 @@ const getData = async (i, e) => { }); }); } - console.log(mapTownCount, 'mapTownCount'); }); if (i) { changeRs(i); @@ -2141,6 +2140,16 @@ const getDatas = async (e, i) => { // } // }); // }); + xkzCenter.map((item) => { + // item.number = 0; + res.data.committeeSwrs.map((items) => { + if (items.csq == item.name) { + item.swrs = items.swrs; + } + }); + }); + console.log(xkzCenter); + xkzCenter.map((item) => { item.number = 0; res.data.committee.map((items) => { @@ -2213,8 +2222,18 @@ const getDatas2 = async (e, i, cs) => { ages: item.age + "岁", }); }); + xkzCenter.map((item) => { + // item.number = 0; + res.data.committeeSwrs.map((items) => { + if (items.csq == item.name) { + item.swrs = items.swrs; + } + }); + }); + console.log(xkzCenter); } }); + }; //获取特殊标签 const getDataBq = async (jd, cs) => { From cdf011559247d03412b5a2475f0eb85382d5da2b Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Thu, 25 Jul 2024 22:57:16 +0800 Subject: [PATCH 8/8] gx --- src/view/sy_map.vue | 228 +++++++++++++++++++++++++++++--------------- 1 file changed, 151 insertions(+), 77 deletions(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 1c51f28..4dca4a4 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -11,8 +11,13 @@
-
+
{{ item.ages }}
{{ item.rksl }}
@@ -24,8 +29,13 @@
-
+
{{ item.name }}
{{ item.rksl }}
@@ -39,11 +49,19 @@
-
+
{{ item.name }}
-
+
{{ itemm.name }}
@@ -56,8 +74,13 @@
-
+
{{ item.name }}
@@ -182,6 +205,10 @@ const tsbq_id_total = ref([ name: "糖尿病", id: "tnb", }, + { + name: "退役军人", + id: "tyjr", + }, ]); //点击龙游县初始化 const csh = () => { @@ -494,7 +521,7 @@ const addPolygonCounty = () => { BMAP(); if (choose.value.person == 0) { getDatas("溪口镇", ""); - getDataBq(cfJd.value, '') + getDataBq(cfJd.value, ""); } else { getDatas("溪口镇", choose.value.person); } @@ -509,43 +536,17 @@ const addPolygonCounty = () => { jdCenter = item.center; } }); - if (choose.value.person == "") { - addCs(); - } else { - addCs2(); - } + // if (choose.value.person == "") { + // addCs(); + // } else { + // addCs2(); + // } goMapCenter(jdCenter, 13); } else { map.removeEventListener("click", markera); if (currentMarker !== null) { map.removeOverlay(currentMarker); } - // xuanzhongCs.value = []; - // sfdd.value = false; - // title_choose.value = ""; - // cs_qk_arr.value.forEach((item, index) => { - // map.removeOverlay(cs_qk_arr.value[index]); - // }); - // cs_name_arr.value.forEach((item, index) => { - // map.removeOverlay(cs_name_arr.value[index]); - // }); - // cs_choose_arr.value.forEach((item, index) => { - // map.removeOverlay(cs_choose_arr.value[index]); - // }); - // cs_un_choose_arr.value.forEach((item, index) => { - // map.removeOverlay(cs_un_choose_arr.value[index]); - // }); - // cs_dd_arr.value.forEach((item, index) => { - // map.removeOverlay(cs_dd_arr.value[index]); - // }); - - // fwq_list_arr.value = []; - // cs_qk_arr.value = []; - // cs_name_arr.value = []; - // cs_number_name_arr.value = []; - // cs_choose_arr.value = []; - // cs_un_choose_arr.value = []; - // cs_dd_arr.value = []; cfJd.value = ""; cfCs.value = ""; xuanzhongCs.value = []; @@ -759,6 +760,7 @@ const addCsUnChoose = () => { xkzCenter.forEach((a, b) => { if (a.name == item.name) { cs_dd_arr.value.push(a); + console.log("44444444444", a); xuanzhongCs.value.push(a); } }); @@ -772,16 +774,19 @@ const addCsUnChoose = () => { cs_un_choose_arr.value.forEach((item, index) => { map.removeOverlay(cs_qk_arr.value[index]); }); + getDatas2(cfJd.value, choose.value.person, cfCs.value); if (choose.value.person == "") { cs_dd_arr.value.map((item, index) => { DGcreateCs(item, index); }); } else { - cs_dd_arr.value.map((item, index) => { - DGcreateCs2(item, index); - }); + setTimeout(() => { + cs_dd_arr.value.map((item, index) => { + console.log("渲染", item); + DGcreateCs2(item, index); + }); + }, 300); } - getDatas2(cfJd.value, choose.value.person, cfCs.value); addCsChoose(); addCsUnChoose(); }); @@ -882,13 +887,21 @@ const createCustomOverlayJd2 = (polygon, indexx) => { }; return content; } + let num = ""; + if (choose.value.person == "6666") { + console.log(11111); + num = "swrs"; + } else { + console.log(222222); + num = "number"; + } jdm_number_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, offsetY: 0, properties: { title: polygon.name, - number: polygon.number, + number: polygon[`${num}`], type: "customOverlay", }, }); @@ -954,14 +967,19 @@ const createCs2 = (polygon, indexx) => { content.appendChild(img2); return content; } - + let num = ""; + if (choose.value.person == "6666") { + num = "swrs"; + } else { + num = "number"; + } cs_number_name_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, offsetY: 0, properties: { title: polygon.name, - number: polygon.number, + number: polygon[`${num}`], imgSrc2: dwd, type: "customOverlay", }, @@ -1075,6 +1093,10 @@ const DGcreateCs = (polygon, indexx) => { map.addOverlay(cs_dd_arr.value[indexx]); }; const DGcreateCs2 = (polygon, indexx) => { + console.log(choose.value.person, "单个村社", polygon); + console.log("单个村社", polygon.name); + console.log("单个村社", polygon.number); + console.log("单个村社", polygon.swrs); function createLabelDOM() { var content = document.createElement("div"); content.style.display = "flex"; @@ -1122,13 +1144,20 @@ const DGcreateCs2 = (polygon, indexx) => { content.appendChild(img2); return content; } + let num = ""; + if (choose.value.person == "6666") { + num = "swrs"; + } else { + num = "number"; + } + console.log("单个", num); cs_dd_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, offsetY: 0, properties: { title: polygon.name, - number: polygon.number, + number: polygon[`${num}`], imgSrc2: dwd, type: "customOverlay", }, @@ -2079,7 +2108,7 @@ const getData = async (i, e) => { personTotal.value.push({ id: index + 1, rksl: item.rksl, - age: item.age + '', + age: item.age + "", ages: item.age + "岁", }); }); @@ -2102,7 +2131,7 @@ const getData = async (i, e) => { }); }); } - console.log(mapTownCount, 'mapTownCount'); + console.log(mapTownCount, "mapTownCount"); }); if (i) { changeRs(i); @@ -2122,9 +2151,18 @@ const getDatas = async (e, i) => { age: "", value: "res.data.total", }, + { + id: "6666", + name: "死亡总人口", + value: "5650", + ages: "死亡总人口", + age: "1000", + }, ]; personTotal.value[0].rksl = res.data.total; personTotal.value[0].ages = "总人口"; + personTotal.value[1].rksl = res.data.swrs; + personTotal.value[1].ages = "死亡"; res.data.age.forEach((item, index) => { personTotal.value.push({ id: index + 1, @@ -2141,6 +2179,14 @@ const getDatas = async (e, i) => { // } // }); // }); + xkzCenter.map((item) => { + item.swrs = 0; + res.data.committeeSwrs.map((items) => { + if (items.csq == item.name) { + item.swrs = items.swrs; + } + }); + }); xkzCenter.map((item) => { item.number = 0; res.data.committee.map((items) => { @@ -2178,6 +2224,7 @@ const getDatas = async (e, i) => { }); } } else { + console.log("hhhhh", xkzCenter); if (choose.value.person == "") { addCs(); } else { @@ -2202,9 +2249,18 @@ const getDatas2 = async (e, i, cs) => { age: "", value: "res.data.total", }, + { + id: "6666", + name: "死亡总人口", + value: "5650", + ages: "死亡总人口", + age: "1000", + }, ]; personTotal.value[0].rksl = res.data.total; personTotal.value[0].ages = "总人口"; + personTotal.value[1].rksl = res.data.swrs; + personTotal.value[1].ages = "死亡"; res.data.age.forEach((item, index) => { personTotal.value.push({ id: index + 1, @@ -2213,6 +2269,14 @@ const getDatas2 = async (e, i, cs) => { ages: item.age + "岁", }); }); + xkzCenter.map((item) => { + item.swrs = 0; + res.data.committeeSwrs.map((items) => { + if (items.csq == item.name) { + item.swrs = items.swrs; + } + }); + }); } }); }; @@ -2303,7 +2367,7 @@ const getDataBqs = async (jd, cs, bq) => { }); }); } - changeRs(bq) + changeRs(bq); } }); }; @@ -2357,13 +2421,17 @@ onMounted(() => { bottom: 0; width: 520px; height: 960px; - background: linear-gradient(270deg, + background: linear-gradient( + 270deg, rgba(0, 52, 131, 0.69) 0%, rgba(0, 32, 83, 0.77) 50%, - rgba(0, 60, 131, 0.74) 100%), - radial-gradient(128% 99% at 100% 46%, + rgba(0, 60, 131, 0.74) 100% + ), + radial-gradient( + 128% 99% at 100% 46%, rgba(0, 48, 125, 0.29) 0%, - rgba(0, 61, 134, 0.42) 100%); + rgba(0, 61, 134, 0.42) 100% + ); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5); backdrop-filter: blur(3px); padding: 30px 26px; @@ -2484,19 +2552,19 @@ onMounted(() => { margin-bottom: 12px; } - .content_item:last-child { - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: space-between; - padding: 24px; - width: 100%; - height: 57px; - background-image: url(@/assets/images/map/unchoose.png); - background-repeat: no-repeat; - background-size: 100% 100%; - margin-bottom: 12px; - } + // .content_item:last-child { + // box-sizing: border-box; + // display: flex; + // align-items: center; + // justify-content: space-between; + // padding: 24px; + // width: 100%; + // height: 57px; + // background-image: url(@/assets/images/map/unchoose.png); + // background-repeat: no-repeat; + // background-size: 100% 100%; + // margin-bottom: 12px; + // } .content_item_name { position: relative; @@ -2535,13 +2603,17 @@ onMounted(() => { bottom: 0; width: 520px; height: 960px; - background: linear-gradient(270deg, + background: linear-gradient( + 270deg, rgba(0, 52, 131, 0.69) 0%, rgba(0, 32, 83, 0.77) 50%, - rgba(0, 60, 131, 0.74) 100%), - radial-gradient(128% 99% at 100% 46%, + rgba(0, 60, 131, 0.74) 100% + ), + radial-gradient( + 128% 99% at 100% 46%, rgba(0, 48, 125, 0.29) 0%, - rgba(0, 61, 134, 0.42) 100%); + rgba(0, 61, 134, 0.42) 100% + ); box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5); backdrop-filter: blur(3px); padding: 30px 26px; @@ -2698,10 +2770,12 @@ onMounted(() => { // line-height: 44px; letter-spacing: 4px; margin-bottom: 15px; - background: linear-gradient(180deg, - #ffffff 0%, - #ffffff 40%, - #00ffff 100%); + background: linear-gradient( + 180deg, + #ffffff 0%, + #ffffff 40%, + #00ffff 100% + ); /* 使文字没有背景颜色的背景 */ background-clip: text; /* 为了兼容性，添加渐变背景到IE */