细节优化
This commit is contained in:
parent
ecd6cf1c94
commit
f9d55161e6
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div class="md:flex md:h-full md:flex-col md:justify-between">
|
||||||
<div class="bg-[#A8FF53] px-6 font-sans text-black">
|
<div class="bg-[#A8FF53] px-6 font-sans text-black">
|
||||||
<h2 class="mb-1 text-center text-2xl font-bold">选择付款方式</h2>
|
<h2 class="mb-1 text-center text-2xl font-bold">选择付款方式</h2>
|
||||||
|
|
||||||
|
|||||||
@ -7,7 +7,7 @@
|
|||||||
<header
|
<header
|
||||||
class="flex h-[68px] items-center justify-between rounded-full bg-[#ADFF5B] pr-[30px] pl-6 md:h-[80px]"
|
class="flex h-[68px] items-center justify-between rounded-full bg-[#ADFF5B] pr-[30px] pl-6 md:h-[80px]"
|
||||||
>
|
>
|
||||||
<div class="flex items-center gap-2">
|
<router-link to="/" class="flex items-center gap-2">
|
||||||
<!-- Desktop Logo -->
|
<!-- Desktop Logo -->
|
||||||
<!-- <Logo :src="Logo" alt="Hi快VPN" class="hidden h-10 w-auto text-black md:block" />-->
|
<!-- <Logo :src="Logo" alt="Hi快VPN" class="hidden h-10 w-auto text-black md:block" />-->
|
||||||
<!-- Mobile Logo -->
|
<!-- Mobile Logo -->
|
||||||
@ -16,7 +16,7 @@
|
|||||||
alt="Hi快VPN"
|
alt="Hi快VPN"
|
||||||
class="block h-[28px] text-black md:h-[50px]"
|
class="block h-[28px] text-black md:h-[50px]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</router-link>
|
||||||
<div class="text-xl font-[600] text-black md:text-3xl">Hi快iOS版本下载教程</div>
|
<div class="text-xl font-[600] text-black md:text-3xl">Hi快iOS版本下载教程</div>
|
||||||
</header>
|
</header>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -24,12 +24,12 @@
|
|||||||
border-image-slice: 1;
|
border-image-slice: 1;
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<div class="flex items-center gap-2">
|
<router-link to="/" class="flex items-center gap-2">
|
||||||
<!-- Desktop Logo -->
|
<!-- Desktop Logo -->
|
||||||
<Logo alt="Hi快VPN" class="hidden h-[29px] w-auto md:ml-[62px] md:block" />
|
<Logo alt="Hi快VPN" class="hidden h-[29px] w-auto md:ml-[62px] md:block" />
|
||||||
<!-- Mobile Logo -->
|
<!-- Mobile Logo -->
|
||||||
<MobileLogo alt="Hi快VPN" class="ml-6 block h-[28px] w-[67px] md:hidden" />
|
<MobileLogo alt="Hi快VPN" class="ml-6 block h-[28px] w-[67px] md:hidden" />
|
||||||
</div>
|
</router-link>
|
||||||
<div v-if="isLoggedIn" class="flex items-center">
|
<div v-if="isLoggedIn" class="flex items-center">
|
||||||
<router-link
|
<router-link
|
||||||
to="/user-center"
|
to="/user-center"
|
||||||
|
|||||||
@ -7,7 +7,7 @@
|
|||||||
<header
|
<header
|
||||||
class="flex h-[68px] items-center justify-between rounded-full bg-[#ADFF5B] pr-[30px] pl-6 md:h-[80px]"
|
class="flex h-[68px] items-center justify-between rounded-full bg-[#ADFF5B] pr-[30px] pl-6 md:h-[80px]"
|
||||||
>
|
>
|
||||||
<div class="flex items-center gap-2">
|
<router-link to="/" class="flex items-center gap-2">
|
||||||
<!-- Desktop Logo -->
|
<!-- Desktop Logo -->
|
||||||
<!-- <Logo :src="Logo" alt="Hi快VPN" class="hidden h-10 w-auto text-black md:block" />-->
|
<!-- <Logo :src="Logo" alt="Hi快VPN" class="hidden h-10 w-auto text-black md:block" />-->
|
||||||
<!-- Mobile Logo -->
|
<!-- Mobile Logo -->
|
||||||
@ -16,7 +16,7 @@
|
|||||||
alt="Hi快VPN"
|
alt="Hi快VPN"
|
||||||
class="block h-[28px] text-black md:h-[50px]"
|
class="block h-[28px] text-black md:h-[50px]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</router-link>
|
||||||
<div class="text-xl font-[600] text-black md:text-3xl">个人账户</div>
|
<div class="text-xl font-[600] text-black md:text-3xl">个人账户</div>
|
||||||
</header>
|
</header>
|
||||||
</div>
|
</div>
|
||||||
@ -233,7 +233,8 @@ async function init() {
|
|||||||
request
|
request
|
||||||
.get('/api/v1/public/payment/methods')
|
.get('/api/v1/public/payment/methods')
|
||||||
.then((res: any) => {
|
.then((res: any) => {
|
||||||
payments.value = res.list?.filter((p: any) => p.platform !== 'apple_iap') || []
|
payments.value =
|
||||||
|
res.list?.filter((p: any) => p.platform !== 'apple_iap' && p.platform !== 'Stripe') || []
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
isPaymentsLoading.value = false
|
isPaymentsLoading.value = false
|
||||||
|
|||||||
@ -174,7 +174,6 @@ export default class Request {
|
|||||||
...config.headers,
|
...config.headers,
|
||||||
lang: 'zh_CN',
|
lang: 'zh_CN',
|
||||||
'login-type': 'device',
|
'login-type': 'device',
|
||||||
'user-agent': 'android',
|
|
||||||
...(mergeExtraConfig.withToken && {
|
...(mergeExtraConfig.withToken && {
|
||||||
[mergeExtraConfig.tokenKey]: mergeExtraConfig.getToken(),
|
[mergeExtraConfig.tokenKey]: mergeExtraConfig.getToken(),
|
||||||
}),
|
}),
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user