lanhu/web
2
0
Fork 0
Code Issues Actions Packages Releases 13 Activity

调整支付页面样式；移除 mdx 测试页面

Browse Source
This commit is contained in:
luorijun
2025-06-10 09:31:05 +08:00
parent eb12063bdb
commit 87621202a9
10 changed files with 13 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/composites/purchase/index.tsx
View File

@@ -10,7 +10,7 @@ export default async function Purchase(props: PurchaseProps) {
return (
<div className="flex flex-col gap-4">
<Tabs defaultValue="short" className="gap-4">
<TabsList className="w-full p-2 bg-white rounded-lg justify-center">
<TabsList className="w-full p-2 bg-white rounded-lg justify-start md:justify-center overflow-auto">
<Tab value="short">短效动态</Tab>
<Tab value="long">长效静态</Tab>
<Tab value="fixed">固定套餐</Tab>

2
src/components/composites/purchase/long/center.tsx
View File

@@ -58,7 +58,7 @@ export default function Center() {
id={id}
defaultValue={field.value}
onValueChange={field.onChange}
className="flex gap-4 flex-wrap">
className="grid grid-cols-[repeat(auto-fill,minmax(120px,1fr))] gap-4">
<FormOption id={`${id}-1`} value="1" label="1 小时" description="￥0.3/IP" compare={field.value}/>
<FormOption id={`${id}-4`} value="4" label="4 小时" description="￥0.8/IP" compare={field.value}/>

26
src/components/composites/purchase/nav.tsx
View File

@@ -1,26 +0,0 @@
'use client'
import {ReactNode, useState} from 'react'
export type NavProps = {
}
export default function Nav(props: NavProps) {
const [type, setType] = useState()
return (
<ul role="tablist" className="flex justify-center items-stretch bg-white rounded-lg">
<li role="tab">
<button className="h-14 px-8 text-lg">短效动态套餐</button>
</li>
<li role="tab">
<button className="h-14 px-8 text-lg">长效静态套餐</button>
</li>
<li role="tab">
<button className="h-14 px-8 text-lg">固定套餐</button>
</li>
<li role="tab">
<button className="h-14 px-8 text-lg">定制套餐</button>
</li>
</ul>
)
}

2
src/components/composites/purchase/short/center.tsx
View File

@@ -58,7 +58,7 @@ export default function Center() {
id={id}
defaultValue={field.value}
onValueChange={field.onChange}
className="flex gap-4 flex-wrap">
className="grid grid-cols-[repeat(auto-fill,minmax(120px,1fr))] gap-4">
<FormOption id={`${id}-3`} value="180" label="3 分钟" description="￥0.005/IP" compare={field.value}/>
<FormOption id={`${id}-5`} value="300" label="5 分钟" description="￥0.01/IP" compare={field.value}/>