diff --git a/src/app/(home)/_components/header/menu-product.tsx b/src/app/(home)/_components/header/menu-product.tsx index 5d9f559..8414dba 100644 --- a/src/app/(home)/_components/header/menu-product.tsx +++ b/src/app/(home)/_components/header/menu-product.tsx @@ -1,12 +1,13 @@ 'use client' import {ReactNode, useContext, useState} from 'react' import Wrap from '@/components/wrap' +import Image, {StaticImageData} from 'next/image' import Link from 'next/link' import {merge} from '@/lib/utils' import prod from '@/assets/header/product/prod.svg' import custom from '@/assets/header/product/custom.svg' import {useRouter} from 'next/navigation' -import {FragmentTitle, HeaderContext} from './common' +import {HeaderContext} from './common' type TabType = 'domestic' | 'oversea' @@ -53,32 +54,33 @@ export function Tab(props: { export function Domestic(props: {}) { return ( -
-
- - -
-
- - -
-
- - +
+
+
+ + +
+
+ +
) @@ -92,11 +94,12 @@ export function Oversea(props: {}) { ) } -export function DomesticLink(props: { +export function ProductCard(props: { + icon: StaticImageData label: string + discount: string desc: string href: string - discount?: number }) { const router = useRouter() const ctx = useContext(HeaderContext) @@ -116,18 +119,24 @@ export function DomesticLink(props: { `transition-colors duration-150 ease-in-out`, `p-4 rounded-lg flex flex-col gap-1 hover:bg-blue-50`, )} - onClick={onClick}> -

- {props.label} - {props.discount && ( - - 折扣 {props.discount}% - - )} -

-

- {props.desc} -

+ onClick={onClick} + > +
+
+ +
+
+
+ {props.label} + + {props.discount} + +
+
+ {props.desc} +
+
+
) } diff --git a/src/app/admin/identify/page.tsx b/src/app/admin/identify/page.tsx index 3967b0d..66872e4 100644 --- a/src/app/admin/identify/page.tsx +++ b/src/app/admin/identify/page.tsx @@ -176,7 +176,7 @@ export default function IdentifyPage(props: IdentifyPageProps) {

请扫码完成认证

)}