From 8e47b794c87e5d487c8189ac101192324ea9126c Mon Sep 17 00:00:00 2001 From: hzj <1304805162@qq.com> Date: Fri, 20 Mar 2026 11:03:15 +0800 Subject: [PATCH] =?UTF-8?q?feat(CP=E6=B4=BB=E5=8A=A8=E9=A1=B5):=20?= =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=B9=B6=E6=96=B0=E5=A2=9E=E7=99=BD=E7=BE=8A?= =?UTF-8?q?=E5=BA=A7=E5=9B=BE=E6=BA=90=EF=BC=8C=E8=B0=83=E6=95=B4=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Ranking/Couple/components/Barrage.vue | 22 ++--------- src/views/Ranking/Couple/index.vue | 39 ++++++++++++------- 2 files changed, 28 insertions(+), 33 deletions(-) diff --git a/src/views/Ranking/Couple/components/Barrage.vue b/src/views/Ranking/Couple/components/Barrage.vue index cafda6b..df16d9d 100644 --- a/src/views/Ranking/Couple/components/Barrage.vue +++ b/src/views/Ranking/Couple/components/Barrage.vue @@ -83,21 +83,7 @@ /> -
+
{{ item.content }}
@@ -150,9 +136,9 @@ const getBarrageStyle = (item) => { animationDelay: `${item.delay}s`, '--start-pos': `${item.startPos}px`, borderRadius: '200px', - background: 'linear-gradient(180deg, #FFACBB 0%, rgba(255, 172, 187, 0.00) 58.38%), #FF4768', - boxShadow: - '0 1px 4.5px 0 rgba(0, 0, 0, 0.10), -1px 0 5px 0 rgba(255, 255, 255, 0.70) inset, -3.5px 0 7.5px 0 rgba(255, 255, 255, 0.20) inset, 1px 0 5px 0 rgba(255, 255, 255, 0.70) inset, 3.5px 0 7.5px 0 rgba(255, 255, 255, 0.20) inset', + background: + 'radial-gradient(44.73% 89.31% at 30.77% 68.52%, rgba(149, 255, 250, 0.70) 0%, rgba(149, 255, 250, 0.00) 100%), radial-gradient(57.68% 103.36% at 65.38% 100%, #8EB2FF 0%, rgba(142, 178, 255, 0.00) 100%), radial-gradient(390.09% 113.35% at 100% 0%, #CFAFFF 0%, rgba(207, 175, 255, 0.00) 100%), radial-gradient(189.62% 90.06% at 5.38% 7.41%, #FFCCC1 0%, rgba(255, 204, 193, 0.00) 100%), #FFF', + border: '1px solid rgba(0, 0, 0, 0.05)', // RTL布局支持 ...(isRTL ? { diff --git a/src/views/Ranking/Couple/index.vue b/src/views/Ranking/Couple/index.vue index ea15e2c..76f92fa 100644 --- a/src/views/Ranking/Couple/index.vue +++ b/src/views/Ranking/Couple/index.vue @@ -16,7 +16,15 @@ style="width: 100vw; min-height: 100vh; overflow: hidden; position: relative" > - +
@@ -1439,19 +1447,19 @@ const touchStartX = ref(0) const touchEndX = ref(0) const twelveSigns = ref([ - { name: 'Aquarius', time: '2026.1.20-2.18', bgUrl: imageUrl('AquariusCoupleFrame') }, - { name: 'Pisces', time: '2026.2.19-3.20', bgUrl: imageUrl('PiscesCoupleFrame') }, - { name: 'Aries', time: '2026.3.21-4.19', bgUrl: imageUrl('') }, - { name: 'Taurus', time: '2026.4.20-5.20', bgUrl: imageUrl('') }, - { name: 'Gemini', time: '2026.5.21-6.21', bgUrl: imageUrl('') }, - { name: 'Cancer', time: '2026.6.22-7.22', bgUrl: imageUrl('') }, - { name: 'Leo', time: '2026.7.23-8.22', bgUrl: imageUrl('') }, - { name: 'Virgo', time: '2026.8.23-9.22', bgUrl: imageUrl('') }, - { name: 'Libra', time: '2026.9.23-10.22', bgUrl: imageUrl('') }, - { name: 'Scorpio', time: '2026.10.23-11.21', bgUrl: imageUrl('') }, - { name: 'Sagittarius', time: '2026.11.22-12.21', bgUrl: imageUrl('') }, - { name: 'Capricorn', time: '2026.12.22-1.19', bgUrl: imageUrl('') }, -]) + { name: 'Aquarius', time: '2026.1.20-2.18', bgUrl: imageUrl('AquariusCoupleFrame') }, // 水瓶座 + { name: 'Pisces', time: '2026.2.19-3.20', bgUrl: imageUrl('PiscesCoupleFrame') }, // 双鱼座 + { name: 'Aries', time: '2026.3.21-4.19', bgUrl: imageUrl('AriesCoupleFrame') }, // 白羊座 + { name: 'Taurus', time: '2026.4.20-5.20', bgUrl: imageUrl('') }, // 金牛座 + { name: 'Gemini', time: '2026.5.21-6.21', bgUrl: imageUrl('') }, // 双子座 + { name: 'Cancer', time: '2026.6.22-7.22', bgUrl: imageUrl('') }, // 巨蟹座 + { name: 'Leo', time: '2026.7.23-8.22', bgUrl: imageUrl('') }, // 狮子座 + { name: 'Virgo', time: '2026.8.23-9.22', bgUrl: imageUrl('') }, // 处女座 + { name: 'Libra', time: '2026.9.23-10.22', bgUrl: imageUrl('') }, // 天秤座 + { name: 'Scorpio', time: '2026.10.23-11.21', bgUrl: imageUrl('') }, // 天蝎座 + { name: 'Sagittarius', time: '2026.11.22-12.21', bgUrl: imageUrl('') }, // 天蝎座 + { name: 'Capricorn', time: '2026.12.22-1.19', bgUrl: imageUrl('') }, // 摩羯座 +]) // 十二星座 // 计算移动到中心位置的函数 const moveToCenter = (targetIndex) => { @@ -1802,7 +1810,8 @@ const preloadCriticalImages = async () => { imageUrl('bg1'), imageUrl('bg2'), imageUrl('bg3'), - imageUrl('bg3'), + imageUrl('bg4'), + imageUrl('bg5'), // 弹幕 imageUrl('coupleSign'),