登录页面与组件样式调整

This commit is contained in:
2025-03-19 15:49:18 +08:00
parent eaae095d0e
commit 906693be10
28 changed files with 1405 additions and 206 deletions

View File

@@ -1,8 +1,8 @@
'use client'
import { ReactNode, useCallback, useEffect, useMemo, useState } from 'react'
import {useCallback, useEffect, useMemo, useState} from 'react'
import Link from 'next/link'
import Image from 'next/image'
import { LinkItem, MenuItem } from './_server/navs'
import {LinkItem, MenuItem} from './_server/navs'
import SolutionMenu from './_client/solution'
import ProductMenu from './_client/product'
import HelpMenu from './_client/help'
@@ -39,9 +39,9 @@ export default function Header(props: HeaderProps) {
const [menu, setMenu] = useState(false)
const [page, setPage] = useState(0)
const pages = useMemo(() => [
<ProductMenu key={`product`} />,
<SolutionMenu key={`solution`} />,
<HelpMenu key={`help`} />,
<ProductMenu key={`product`}/>,
<SolutionMenu key={`solution`}/>,
<HelpMenu key={`help`}/>,
], [])
// ======================
@@ -53,7 +53,6 @@ export default function Header(props: HeaderProps) {
`fixed top-0 w-full z-10`,
].join(' ')}>
<div className={[
``,
`transition-[background, shadow] duration-200 ease-in-out`,
menu
? `bg-[#fffe] backdrop-blur-sm`
@@ -65,13 +64,13 @@ export default function Header(props: HeaderProps) {
<div className="flex justify-between gap-8">
{/* logo */}
<Link href="/public" className={`flex items-center`}>
<Image src={logo} alt={`logo`} className={`w-16 max-md:w-12 h-16 max-md:h-12 rounded-full`} />
<Image src={logo} alt={`logo`} className={`w-16 max-md:w-12 h-16 max-md:h-12 rounded-full`}/>
</Link>
{/* 菜单 */}
<nav>
<ul className="h-full flex items-stretch max-lg:hidden">
<LinkItem text={`首页`} href={`/`} />
<LinkItem text={`首页`} href={`/`}/>
<MenuItem
text={`产品订购`}
active={menu && page === 0}
@@ -106,9 +105,9 @@ export default function Header(props: HeaderProps) {
}}
/>
<LinkItem
text={`企业服务`} href={`#`} />
text={`企业服务`} href={`#`}/>
<LinkItem
text={`推广返利`} href={`#`} />
text={`推广返利`} href={`#`}/>
</ul>
</nav>
</div>
@@ -156,4 +155,3 @@ export default function Header(props: HeaderProps) {