下载
This commit is contained in:
parent
9d43162830
commit
97c2832e89
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="font-sans text-white">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="flex flex-col gap-[10px]">
|
||||
<div
|
||||
v-for="item in downloadMethods"
|
||||
:key="item.id"
|
||||
@ -23,11 +23,11 @@
|
||||
|
||||
<!-- 打开按钮 -->
|
||||
<div
|
||||
class="mt-2 flex items-center justify-end gap-1.5 self-end text-sm font-bold group-hover:opacity-100"
|
||||
class="flex items-center justify-end gap-1.5 self-end text-sm font-bold group-hover:opacity-100"
|
||||
>
|
||||
<div
|
||||
v-show="activeId !== item.id"
|
||||
class="flex items-center gap-[10px] md:mt-[50px] md:text-xl"
|
||||
class="mt-[16px] flex items-center gap-[10px] md:mt-[60px] md:text-xl"
|
||||
>
|
||||
<span class="tracking-tight">点击展开详情</span>
|
||||
<ArrowIcon class="size-[12px] md:size-[18px]" />
|
||||
|
||||
@ -18,9 +18,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h-[145px] md:h-[180px]">
|
||||
<div class="h-[125px] md:h-[180px]">
|
||||
<div class="fixed z-50 w-full bg-black">
|
||||
<div class="container pb-[10px] md:px-[12vw]">
|
||||
<div class="m-auto w-[340px] pb-[10px] md:w-[760px]">
|
||||
<div class="pt-[30px] pb-[15px] text-center text-xl font-[900] md:pb-[30px] md:text-2xl">
|
||||
请选择适用您情形的选项
|
||||
</div>
|
||||
@ -31,7 +31,7 @@
|
||||
@click="activeIndex = 0"
|
||||
>
|
||||
<Button
|
||||
class="w-full cursor-pointer rounded-full bg-[#ADFF5B] text-xs text-black hover:bg-[#ADFF5B]/90 md:h-[40px] md:text-xl"
|
||||
class="h-[30px] w-full cursor-pointer rounded-full bg-[#ADFF5B] text-xs text-black hover:bg-[#ADFF5B]/90 md:h-[40px] md:text-xl"
|
||||
>
|
||||
我只有中国大陆Apple ID
|
||||
</Button>
|
||||
@ -42,7 +42,7 @@
|
||||
@click="activeIndex = 1"
|
||||
>
|
||||
<Button
|
||||
class="w-full cursor-pointer rounded-full bg-[#ADFF5B] text-xs text-black hover:bg-[#ADFF5B]/90 md:h-[40px] md:text-xl"
|
||||
class="h-[30px] w-full cursor-pointer rounded-full bg-[#ADFF5B] text-xs text-black hover:bg-[#ADFF5B]/90 md:h-[40px] md:text-xl"
|
||||
>
|
||||
我有海外Apple ID
|
||||
</Button>
|
||||
@ -52,11 +52,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container md:px-[12vw]">
|
||||
<div class="m-auto w-[340px] md:w-[760px]">
|
||||
<Transition name="fade" mode="out-in">
|
||||
<!-- tab1 -->
|
||||
<div v-if="activeIndex === 0" key="tab1">
|
||||
<div class="pt-[34px] pb-[15px] text-center text-xl font-[900] md:pb-[39px] md:text-2xl">
|
||||
<div class="pt-[15px] pb-[15px] text-center text-xl font-[900] md:pb-[39px] md:text-2xl">
|
||||
Hi快提供三种下载方式
|
||||
</div>
|
||||
<DownloadMethodList />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user