修改样式

This commit is contained in:
speakeloudest 2026-01-04 00:14:09 -08:00
parent acd0c94e60
commit e38904422d
3 changed files with 15 additions and 2 deletions

View File

@ -33,7 +33,7 @@
@click="activeIndex = 0"
>
<Button
class="w-full cursor-pointer rounded-full bg-[#ADFF5B] text-black hover:bg-[#ADFF5B]/90 md:h-[60px] md:text-2xl"
class="w-full cursor-pointer rounded-full bg-[#ADFF5B] text-xs text-black hover:bg-[#ADFF5B]/90 md:h-[60px] md:text-2xl"
>
我只有中国大陆Apple ID
</Button>
@ -44,7 +44,7 @@
@click="activeIndex = 1"
>
<Button
class="w-full cursor-pointer rounded-full bg-[#ADFF5B] text-black hover:bg-[#ADFF5B]/90 md:h-[60px] md:text-2xl"
class="w-full cursor-pointer rounded-full bg-[#ADFF5B] text-xs text-black hover:bg-[#ADFF5B]/90 md:h-[60px] md:text-2xl"
>
我有海外Apple ID
</Button>

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

View File

@ -69,6 +69,19 @@
alt="App Screenshot"
class="h-auto w-full drop-shadow-2xl"
/>
<div class="absolute right-[8%] bottom-[97px] z-50 aspect-square w-[58%]">
<!-- Ripple Animation (Background) -->
<div class="ripple-container absolute inset-0 top-[7px]">
<div class="ripple ripple-outer-3"></div>
<div class="ripple ripple-outer-2"></div>
<div class="ripple ripple-outer-1"></div>
<div class="ripple ripple-core"></div>
</div>
<!-- Center Image (Foreground/Top Layer) -->
<div
class="absolute inset-0 bottom-0 z-100 bg-[url('@/pages/Home/connected-mobile-bg.png')] bg-cover bg-center bg-no-repeat"
></div>
</div>
</div>
<!-- Download Buttons Grid -->