完善页尾链接功能与样式 & 修复表单提交触发问题

This commit is contained in:
2025-12-18 12:25:52 +08:00
parent dc331b63a5
commit 040ddd674b
6 changed files with 22 additions and 45 deletions

View File

@@ -6,7 +6,7 @@ export type FooterProps = {}
export default function Footer(props: FooterProps) {
return (
<footer className="bg-gray-900 text-white overflow-hidden">
<Wrap className="flex flex-col px-4 py-8 lg:p-12">
<Wrap className="flex flex-col p-4 pt-12">
<div className="flex-auto overflow-hidden flex flex-wrap justify-between">
<div className="flex flex-col lg:items-center gap-2 max-lg:w-1/2">
<Image src="/img/qrcode.jpg" alt="logo" width={80} height={80} unoptimized className="flex-none size-20 sm:size-44 bg-gray-100"/>
@@ -28,8 +28,7 @@ export default function Footer(props: FooterProps) {
{name: `产品订购`, href: `/product`},
{name: `获取代理`, href: `/collect`},
{name: `帮助中心`, href: `/docs`},
{name: `企业服务`, href: `#`},
{name: `推广返利`, href: `#`},
{name: `企业服务`, href: `/custom`},
]}
/>
<SiteNavList
@@ -65,7 +64,9 @@ export default function Footer(props: FooterProps) {
<div className="flex-none mt-6 pt-6 border-t border-gray-700 flex flex-col text-gray-300">
<p className="text-xs">
IP服务使IP从事的任何行为均不代表蓝狐代理IP的意志和观点使
IP服务使IP从事的任何行为均不代表蓝狐代理IP的意志和观点
<br/>
使
</p>
<p className={`text-xs mt-3 `}> | ICP备17004061号-17 | B1-20190663</p>
</div>
@@ -87,7 +88,7 @@ function SiteNavList(props: {
<ul
className={[
`mt-1 flex flex-wrap gap-2 `,
`lg:mt-4 lg:h-[184px] lg:flex-col lg:gap-4 lg:gap-x-6`,
`lg:mt-4 lg:h-[168px] lg:flex-col lg:gap-4 lg:gap-x-6`,
].join(' ')}>
{props.items.map((item, index) => (
<li key={index}>