vip页面如果已经是vip了就不展示支付按钮

This commit is contained in:
yezian 2024-01-23 22:01:00 +08:00
parent 72f3438956
commit 547317f74c
1 changed files with 33 additions and 31 deletions

View File

@ -223,40 +223,42 @@ export default function Vip() {
</p> </p>
</div> </div>
</div> </div>
<div className="flex flex-col w-full fixed left-0 bottom-0 z-20"> {!isVip && (
<div className="h-12 bg-gradient-to-t from-[#07050AE5] to-[#07050A00]"></div> <div className="flex flex-col w-full fixed left-0 bottom-0 z-20">
<div className="flex flex-col pt-3 pb-11 px-4 bg-[#07050AE5]"> <div className="h-12 bg-gradient-to-t from-[#07050AE5] to-[#07050A00]"></div>
<div className="flex flex-row justify-between"> <div className="flex flex-col pt-3 pb-11 px-4 bg-[#07050AE5]">
<div <div className="flex flex-row justify-between">
onClick={createOrder} <div
className="flex flex-row cursor-pointer gap-1.5 h-11 items-center bg-primary px-6 rounded-full" onClick={createOrder}
> className="flex flex-row cursor-pointer gap-1.5 h-11 items-center bg-primary px-6 rounded-full"
<Image src={alipay} width={22} alt="" /> >
<p className="text-white text-base font-medium whitespace-nowrap"> <Image src={alipay} width={22} alt="" />
支付宝支付 <p className="text-white text-base font-medium whitespace-nowrap">
</p> 支付宝支付
</div> </p>
<div </div>
onClick={handleContact} <div
className="flex flex-row cursor-pointer gap-1.5 h-11 items-center bg-[#2E2E2E] px-6 rounded-full" onClick={handleContact}
> className="flex flex-row cursor-pointer gap-1.5 h-11 items-center bg-[#2E2E2E] px-6 rounded-full"
<Image src={contact} width={22} alt="" /> >
<p className="text-white text-base font-medium whitespace-nowrap"> <Image src={contact} width={22} alt="" />
联系人工充值 <p className="text-white text-base font-medium whitespace-nowrap">
</p> 联系人工充值
</p>
</div>
</div> </div>
<p className="text-secondary text-xs font-medium mt-4 text-center mb-1">
确认购买即视为同意
<Link
className="link text-[#309EDC]"
href="/doc/rechargeagreement"
>
用户充值协议
</Link>
</p>
</div> </div>
<p className="text-secondary text-xs font-medium mt-4 text-center mb-1">
确认购买即视为同意
<Link
className="link text-[#309EDC]"
href="/doc/rechargeagreement"
>
用户充值协议
</Link>
</p>
</div> </div>
</div> )}
</div> </div>
</section> </section>
); );