feat(CP活动页): 更新并新增白羊座图源,调整样式
This commit is contained in:
parent
42b3ec8187
commit
8e47b794c8
@ -83,21 +83,7 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div style="white-space: nowrap; font-weight: 700; color: #ff69ad">
|
||||||
style="
|
|
||||||
white-space: nowrap;
|
|
||||||
font-weight: 700;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
background-image: linear-gradient(
|
|
||||||
180deg,
|
|
||||||
#fff9a9 26.92%,
|
|
||||||
#ed7d0a 52.08%,
|
|
||||||
#fffab5 73.08%
|
|
||||||
);
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ item.content }}
|
{{ item.content }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -150,9 +136,9 @@ const getBarrageStyle = (item) => {
|
|||||||
animationDelay: `${item.delay}s`,
|
animationDelay: `${item.delay}s`,
|
||||||
'--start-pos': `${item.startPos}px`,
|
'--start-pos': `${item.startPos}px`,
|
||||||
borderRadius: '200px',
|
borderRadius: '200px',
|
||||||
background: 'linear-gradient(180deg, #FFACBB 0%, rgba(255, 172, 187, 0.00) 58.38%), #FF4768',
|
background:
|
||||||
boxShadow:
|
'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',
|
||||||
'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',
|
border: '1px solid rgba(0, 0, 0, 0.05)',
|
||||||
// RTL布局支持
|
// RTL布局支持
|
||||||
...(isRTL
|
...(isRTL
|
||||||
? {
|
? {
|
||||||
|
|||||||
@ -16,7 +16,15 @@
|
|||||||
style="width: 100vw; min-height: 100vh; overflow: hidden; position: relative"
|
style="width: 100vw; min-height: 100vh; overflow: hidden; position: relative"
|
||||||
>
|
>
|
||||||
<!-- 页面背景 -->
|
<!-- 页面背景 -->
|
||||||
<BackgroundLayer :backgroundImages="[imageUrl('bg1'), imageUrl('bg2'), imageUrl('bg3')]" />
|
<BackgroundLayer
|
||||||
|
:backgroundImages="[
|
||||||
|
imageUrl('bg1'),
|
||||||
|
imageUrl('bg2'),
|
||||||
|
imageUrl('bg3'),
|
||||||
|
imageUrl('bg4'),
|
||||||
|
imageUrl('bg5'),
|
||||||
|
]"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- 页面内容 -->
|
<!-- 页面内容 -->
|
||||||
<div style="position: relative; z-index: 2; margin-top: 150vw">
|
<div style="position: relative; z-index: 2; margin-top: 150vw">
|
||||||
@ -1439,19 +1447,19 @@ const touchStartX = ref(0)
|
|||||||
const touchEndX = ref(0)
|
const touchEndX = ref(0)
|
||||||
|
|
||||||
const twelveSigns = ref([
|
const twelveSigns = ref([
|
||||||
{ name: 'Aquarius', time: '2026.1.20-2.18', bgUrl: imageUrl('AquariusCoupleFrame') },
|
{ name: 'Aquarius', time: '2026.1.20-2.18', bgUrl: imageUrl('AquariusCoupleFrame') }, // 水瓶座
|
||||||
{ name: 'Pisces', time: '2026.2.19-3.20', bgUrl: imageUrl('PiscesCoupleFrame') },
|
{ name: 'Pisces', time: '2026.2.19-3.20', bgUrl: imageUrl('PiscesCoupleFrame') }, // 双鱼座
|
||||||
{ name: 'Aries', time: '2026.3.21-4.19', bgUrl: imageUrl('') },
|
{ name: 'Aries', time: '2026.3.21-4.19', bgUrl: imageUrl('AriesCoupleFrame') }, // 白羊座
|
||||||
{ name: 'Taurus', time: '2026.4.20-5.20', bgUrl: imageUrl('') },
|
{ name: 'Taurus', time: '2026.4.20-5.20', bgUrl: imageUrl('') }, // 金牛座
|
||||||
{ name: 'Gemini', time: '2026.5.21-6.21', bgUrl: imageUrl('') },
|
{ name: 'Gemini', time: '2026.5.21-6.21', bgUrl: imageUrl('') }, // 双子座
|
||||||
{ name: 'Cancer', time: '2026.6.22-7.22', bgUrl: imageUrl('') },
|
{ name: 'Cancer', time: '2026.6.22-7.22', bgUrl: imageUrl('') }, // 巨蟹座
|
||||||
{ name: 'Leo', time: '2026.7.23-8.22', bgUrl: imageUrl('') },
|
{ name: 'Leo', time: '2026.7.23-8.22', bgUrl: imageUrl('') }, // 狮子座
|
||||||
{ name: 'Virgo', time: '2026.8.23-9.22', bgUrl: imageUrl('') },
|
{ name: 'Virgo', time: '2026.8.23-9.22', bgUrl: imageUrl('') }, // 处女座
|
||||||
{ name: 'Libra', time: '2026.9.23-10.22', bgUrl: imageUrl('') },
|
{ name: 'Libra', time: '2026.9.23-10.22', bgUrl: imageUrl('') }, // 天秤座
|
||||||
{ name: 'Scorpio', time: '2026.10.23-11.21', bgUrl: imageUrl('') },
|
{ name: 'Scorpio', time: '2026.10.23-11.21', bgUrl: imageUrl('') }, // 天蝎座
|
||||||
{ name: 'Sagittarius', time: '2026.11.22-12.21', bgUrl: imageUrl('') },
|
{ name: 'Sagittarius', time: '2026.11.22-12.21', bgUrl: imageUrl('') }, // 天蝎座
|
||||||
{ name: 'Capricorn', time: '2026.12.22-1.19', bgUrl: imageUrl('') },
|
{ name: 'Capricorn', time: '2026.12.22-1.19', bgUrl: imageUrl('') }, // 摩羯座
|
||||||
])
|
]) // 十二星座
|
||||||
|
|
||||||
// 计算移动到中心位置的函数
|
// 计算移动到中心位置的函数
|
||||||
const moveToCenter = (targetIndex) => {
|
const moveToCenter = (targetIndex) => {
|
||||||
@ -1802,7 +1810,8 @@ const preloadCriticalImages = async () => {
|
|||||||
imageUrl('bg1'),
|
imageUrl('bg1'),
|
||||||
imageUrl('bg2'),
|
imageUrl('bg2'),
|
||||||
imageUrl('bg3'),
|
imageUrl('bg3'),
|
||||||
imageUrl('bg3'),
|
imageUrl('bg4'),
|
||||||
|
imageUrl('bg5'),
|
||||||
|
|
||||||
// 弹幕
|
// 弹幕
|
||||||
imageUrl('coupleSign'),
|
imageUrl('coupleSign'),
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user