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

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

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