zcode/dusuniot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.10.24: /contact-us/ 一比一复刻（CF7 604 表单/通栏 hero/列宽修复）+ PG 连接池 HMR 泄漏修复

Browse Source
This commit is contained in:
bigcode
2026-11-03 01:31:31 +08:00
parent 864a737c58
commit 7559977ae1
9 changed files with 321 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/contact-us.tsx
+36 -41
View File
@@ -27,56 +27,51 @@ export const Route = createFileRoute("/contact-us")({
component: ContactPage,
});
/** # 组件 联系页 */
/** # 组件 联系页（原站为 full-canvas Elementor 模板：hero 通栏 + 表单卡叠压，不加 site-container） */
function ContactPage() {
const data = Route.useLoaderData();
const elementor = extractElementor(data.meta);
return (
<Layout layout={data.layout}>
<div className="site-container">
{elementor ? (
<ElementorRenderer doc={elementor} />
) : (
<>
<Breadcrumb className="pt-6" aria-label="Breadcrumb">
<BreadcrumbList>
<BreadcrumbItem><BreadcrumbLink to="/">Home</BreadcrumbLink></BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem><BreadcrumbPage>Contact Us</BreadcrumbPage></BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
<h1 className="mt-0 text-[28px]">Contact Us</h1>
<div className="mb-8 grid grid-cols-1 gap-[18px] min-[800px]:grid-cols-3">
<div className="rounded-lg border border-line bg-soft p-5">
<h3 className="mt-0">Sales & Inquiries</h3>
<p>
Email: <a href="mailto:sales@dusuniot.com">sales@dusuniot.com</a>
<br />
Tel: +86 755 2643 0850
</p>
</div>
<div className="rounded-lg border border-line bg-soft p-5">
<h3 className="mt-0">Visit Us</h3>
<p>
5F, Building B, Henglong Industrial Park,
<br />
Xili, Nanshan District, Shenzhen, Guangdong, China
</p>
</div>
<div className="rounded-lg border border-line bg-soft p-5">
<h3 className="mt-0">Support</h3>
<p>24/7 technical support for OEM/ODM partners. Response within 24 hours on business days.</p>
</div>
{elementor ? (
<ElementorRenderer doc={elementor} />
) : (
<div className="site-container">
<Breadcrumb className="pt-6" aria-label="Breadcrumb">
<BreadcrumbList>
<BreadcrumbItem><BreadcrumbLink to="/">Home</BreadcrumbLink></BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem><BreadcrumbPage>Contact Us</BreadcrumbPage></BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
<h1 className="mt-0 text-[28px]">Contact Us</h1>
<div className="mb-8 grid grid-cols-1 gap-[18px] min-[800px]:grid-cols-3">
<div className="rounded-lg border border-line bg-soft p-5">
<h3 className="mt-0">Sales & Inquiries</h3>
<p>
Email: <a href="mailto:sales@dusuniot.com">sales@dusuniot.com</a>
<br />
Tel: +86 755 2643 0850
</p>
</div>
</>
)}
{/* Elementor 版页面（hero 内已含询盘表单）不再追加表单；标准布局才补一个询盘表单 */}
{!elementor ? (
<div className="rounded-lg border border-line bg-soft p-5">
<h3 className="mt-0">Visit Us</h3>
<p>
5F, Building B, Henglong Industrial Park,
<br />
Xili, Nanshan District, Shenzhen, Guangdong, China
</p>
</div>
<div className="rounded-lg border border-line bg-soft p-5">
<h3 className="mt-0">Support</h3>
<p>24/7 technical support for OEM/ODM partners. Response within 24 hours on business days.</p>
</div>
</div>
<section className="mt-4 mb-14">
<InquiryForm formKey="contact-us-form" title="Get a Quote" />
</section>
) : null}
</div>
</div>
)}
</Layout>
);
}