选择套餐配置链接&更新账户总览数据展示
This commit is contained in:
@@ -12,18 +12,21 @@ import Image from 'next/image'
|
||||
import check from './_assets/check.svg'
|
||||
import banner from './_assets/Mask-group.webp'
|
||||
import group from './_assets/Group.svg'
|
||||
import {merge} from '@/lib/utils'
|
||||
import {useRouter} from 'next/navigation'
|
||||
|
||||
const formSchema = z.object({
|
||||
companyName: z.string().min(2, '企业名称至少2个字符'),
|
||||
contactName: z.string().min(2, '联系人姓名至少2个字符'),
|
||||
phone: z.string().min(11, '请输入11位手机号码').max(11, '手机号码长度不正确'),
|
||||
monthlyUsage: z.string().min(1, '请选择每月需求量'),
|
||||
monthlyUsage: z.string().min(1, '请选择您需要的用量'),
|
||||
purpose: z.string().min(1, '输入用途'),
|
||||
})
|
||||
|
||||
type FormValues = z.infer<typeof formSchema>
|
||||
|
||||
export default function CollectPage() {
|
||||
const router = useRouter()
|
||||
const form = useForm<FormValues>({
|
||||
resolver: zodResolver(formSchema),
|
||||
defaultValues: {
|
||||
@@ -161,7 +164,7 @@ export default function CollectPage() {
|
||||
<div className="flex items-center justify-between gap-4">
|
||||
<label htmlFor={id} className="text-sm flex items-center gap-1">
|
||||
<span className="text-red-500">*</span>
|
||||
<span>每日需求用量</span>
|
||||
<span>每月需求用量</span>
|
||||
</label>
|
||||
<Select onValueChange={field.onChange} value={field.value}>
|
||||
<SelectTrigger id={id} className="flex-1 max-w-xs">
|
||||
@@ -194,7 +197,7 @@ export default function CollectPage() {
|
||||
)}
|
||||
</FormField>
|
||||
<div className="pt-4 flex justify-center">
|
||||
<Button type="submit" className="bg-blue-600 hover:bg-blue-600 px-8">
|
||||
<Button type="submit" className="bg-blue-600 hover:bg-blue-700 px-8">
|
||||
提交
|
||||
</Button>
|
||||
</div>
|
||||
@@ -211,9 +214,12 @@ export default function CollectPage() {
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
<div className="relative z-10 h-full flex items-center justify-end">
|
||||
<div className="flex items-center gap-8">
|
||||
<Button className="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md whitespace-nowrap">
|
||||
<div className={merge('relative h-full flex items-center justify-center pl-150')}>
|
||||
<div className="flex items-center gap-4">
|
||||
<Button
|
||||
className={merge('bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md whitespace-nowrap')}
|
||||
onClick={() => router.push('/login')}
|
||||
>
|
||||
免费试用
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
@@ -58,7 +58,7 @@ export default function CollectPage(props: CollectPageProps) {
|
||||
`mt-32 max-md:mt-20 w-96 max-md:w-full h-16 md:h-24 rounded-lg shadow-lg`,
|
||||
`bg-gradient-to-r from-blue-500 to-cyan-400 text-white text-xl lg:text-4xl`,
|
||||
].join(' ')}
|
||||
onClick={() => router.push('/login')}
|
||||
onClick={() => router.push('/product?type=short')}
|
||||
>
|
||||
选择套餐
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user