hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(cp活动): 更改背景图1，并调整弹幕样式

Browse Source
This commit is contained in:
hzj 2026-05-07 19:42:40 +08:00
parent bf1aec6559
commit 0a9ed4ee3c
2 changed files with 49 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/Ranking/Couple/components/Barrage.vue
View File

@ -23,17 +23,11 @@
gap: 2vw;
border-radius: 999px;
border: 2px solid transparent;
border: 2px solid #fff;
box-sizing: border-box;
background:
linear-gradient(180deg, #7c7c82 0%, #6c6c72 100%) padding-box,
linear-gradient(
180deg,
rgba(255, 255, 255, 0.9) 0%,
rgba(255, 255, 255, 0.7) 35%,
rgba(255, 255, 255, 0.35) 100%
)
border-box;
background: rgba(255, 255, 255, 0.28);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
"
:style="getBarrageStyle(item)"
@animationend="handleAnimationEnd(item.id)"

54
src/views/Ranking/Couple/index.vue
View File

@ -22,7 +22,7 @@
<BackgroundLayer
:useCanvas="true"
:backgroundImages="[
imageUrl('TaurusBg1'),
imageUrl('TaurusBg1New'),
imageUrl('TaurusBg2'),
imageUrl('TaurusBg3'),
imageUrl('TaurusBg4'),
@ -444,7 +444,7 @@
:flip="true"
:contentStyle="`justify-content: space-between;`"
>
<div class="cpl-x2">
<div class="cpl-x2">
<img
:src="couple?.cpUserProfile.userAvatar || ''"
alt=""
@ -1498,12 +1498,48 @@ const twelveSigns = ref([
endYearOffset: 0,
bgUrl: imageUrl('TaurusCoupleFrame'),
}, // 金牛座
{ name: 'Gemini', startMonthDay: '5.21', endMonthDay: '6.21', endYearOffset: 0, bgUrl: imageUrl('') }, // 双子座
{ name: 'Cancer', startMonthDay: '6.22', endMonthDay: '7.22', endYearOffset: 0, bgUrl: imageUrl('') }, // 巨蟹座
{ name: 'Leo', startMonthDay: '7.23', endMonthDay: '8.22', endYearOffset: 0, bgUrl: imageUrl('') }, // 狮子座
{ name: 'Virgo', startMonthDay: '8.23', endMonthDay: '9.22', endYearOffset: 0, bgUrl: imageUrl('') }, // 处女座
{ name: 'Libra', startMonthDay: '9.23', endMonthDay: '10.22', endYearOffset: 0, bgUrl: imageUrl('') }, // 天秤座
{ name: 'Scorpio', startMonthDay: '10.23', endMonthDay: '11.21', endYearOffset: 0, bgUrl: imageUrl('') }, // 天蝎座
{
name: 'Gemini',
startMonthDay: '5.21',
endMonthDay: '6.21',
endYearOffset: 0,
bgUrl: imageUrl(''),
}, // 双子座
{
name: 'Cancer',
startMonthDay: '6.22',
endMonthDay: '7.22',
endYearOffset: 0,
bgUrl: imageUrl(''),
}, // 巨蟹座
{
name: 'Leo',
startMonthDay: '7.23',
endMonthDay: '8.22',
endYearOffset: 0,
bgUrl: imageUrl(''),
}, // 狮子座
{
name: 'Virgo',
startMonthDay: '8.23',
endMonthDay: '9.22',
endYearOffset: 0,
bgUrl: imageUrl(''),
}, // 处女座
{
name: 'Libra',
startMonthDay: '9.23',
endMonthDay: '10.22',
endYearOffset: 0,
bgUrl: imageUrl(''),
}, // 天秤座
{
name: 'Scorpio',
startMonthDay: '10.23',
endMonthDay: '11.21',
endYearOffset: 0,
bgUrl: imageUrl(''),
}, // 天蝎座
{
name: 'Sagittarius',
startMonthDay: '11.22',
@ -1991,7 +2027,7 @@ const initData = async () => {
const preloadCriticalImages = async () => {
const criticalImages = [
// 背景
imageUrl('TaurusBg1'),
imageUrl('TaurusBg1New'),
imageUrl('TaurusBg2'),
imageUrl('TaurusBg3'),
imageUrl('TaurusBg4'),