实现响应式导航栏组件

This commit is contained in:
2025-06-18 17:57:12 +08:00
parent ba7d22168d
commit 39f30fcfa9
29 changed files with 742 additions and 223 deletions

View File

@@ -8,7 +8,7 @@ import banner from '@/assets/header/help/banner.webp'
export default function HelpMenu() {
return (
<Wrap className="w-full grid grid-cols-4 gap-4 justify-items-center h-75">
<Wrap className="w-full grid grid-cols-3 lg:grid-cols-4 gap-4 justify-items-start">
<Column
icon={h01}
title="提取IP"
@@ -35,7 +35,7 @@ export default function HelpMenu() {
{lead: '行业资讯', href: '#'},
]}
/>
<Image src={banner} alt="banner" className=""/>
<Image src={banner} alt="banner" className="hidden lg:block"/>
</Wrap>
)
}