This commit is contained in:
parent
e233c87fe6
commit
dfe0ca8da6
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
class="flex h-full w-full flex-col justify-between rounded-4xl border-1 border-white py-[32px] pb-[22px]"
|
class="lucid-glass-bar flex h-full w-full flex-col justify-between rounded-4xl! border-1 border-white py-[32px] pb-[22px]"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<div class="mb-3 flex min-h-[88px] flex-col items-center">
|
<div class="mb-3 flex min-h-[88px] flex-col items-center">
|
||||||
|
|||||||
@ -10,7 +10,7 @@
|
|||||||
<router-link to="/" class="flex items-center gap-2">
|
<router-link to="/" class="flex items-center gap-2">
|
||||||
<!-- Desktop Logo -->
|
<!-- Desktop Logo -->
|
||||||
<Logo alt="Hi快VPN" class="h-[18px] w-auto md:ml-8 md:h-[29px]" />
|
<Logo alt="Hi快VPN" class="h-[18px] w-auto md:ml-8 md:h-[29px]" />
|
||||||
<span class="font-black text-2xl ml-3">高能合伙人</span>
|
<span class="ml-3 text-2xl font-black">高能合伙人</span>
|
||||||
</router-link>
|
</router-link>
|
||||||
<div v-if="isLoggedIn" class="flex items-center">
|
<div v-if="isLoggedIn" class="flex items-center">
|
||||||
<router-link
|
<router-link
|
||||||
@ -32,20 +32,17 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex flex-1 flex-col">
|
<div class="flex flex-1 flex-col">
|
||||||
<!-- Main Neon Green Card -->
|
<!-- Main Neon Green Card -->
|
||||||
<!-- <div class="container md:hidden">
|
<!-- <div class="container md:hidden">
|
||||||
|
|
||||||
</div>-->
|
</div>-->
|
||||||
<div class="hidden flex-1 items-center justify-center md:flex md:pb-[50px]">
|
<div class="hidden flex-1 items-center justify-center md:flex md:pb-[50px]">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<DesktopLayout
|
<DesktopLayout
|
||||||
:user-info="userSubInfo"
|
|
||||||
:selected-plan-id="selectedPlanId"
|
:selected-plan-id="selectedPlanId"
|
||||||
:selected-plan="activePlan"
|
|
||||||
:is-paying="isPaying"
|
:is-paying="isPaying"
|
||||||
:is-user-loading="isUserLoading"
|
:is-user-loading="isUserLoading"
|
||||||
:is-plans-loading="isPlansLoading"
|
:is-plans-loading="isPlansLoading"
|
||||||
:is-payments-loading="isPaymentsLoading"
|
:is-payments-loading="isPaymentsLoading"
|
||||||
@pay="handlePay"
|
|
||||||
@show-order-details="orderDetailsModalRef?.show()"
|
@show-order-details="orderDetailsModalRef?.show()"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -83,14 +80,8 @@ const isPlansLoading = ref(true)
|
|||||||
const isPaymentsLoading = ref(true)
|
const isPaymentsLoading = ref(true)
|
||||||
const orderStatusDialogRef = ref<InstanceType<typeof OrderStatusDialog> | null>(null)
|
const orderStatusDialogRef = ref<InstanceType<typeof OrderStatusDialog> | null>(null)
|
||||||
const orderDetailsModalRef = ref<InstanceType<typeof OrderDetailsModal> | null>(null)
|
const orderDetailsModalRef = ref<InstanceType<typeof OrderDetailsModal> | null>(null)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped></style>
|
||||||
|
|
||||||
</style>
|
<style scoped></style>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
</style>
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user