diff --git a/src/components/Layout/MobileStickyCTA.tsx b/src/components/Layout/MobileStickyCTA.tsx index ccc0e0f..a76958c 100644 --- a/src/components/Layout/MobileStickyCTA.tsx +++ b/src/components/Layout/MobileStickyCTA.tsx @@ -1,8 +1,21 @@ import { Link } from 'react-router-dom' +import { getCMSConfig, useCMS } from '@/services/cms' export default function MobileStickyCTA() { + const { data: config } = useCMS(getCMSConfig, null) + const hotline = String(config?.hotline || '').trim() + const phoneLink = hotline.replace(/[^\d+]/g, '') + return (
阿美巴咨询
- 企业进化陪跑
diff --git a/src/components/Layout/layout.css b/src/components/Layout/layout.css
index 2f02a4f..ca4327c 100644
--- a/src/components/Layout/layout.css
+++ b/src/components/Layout/layout.css
@@ -19,8 +19,8 @@
object-fit: contain;
flex: 0 0 auto;
}
-.brand-text strong { display: block; font-size: 15px; line-height: 1; }
-.brand-text small { font-size: 11px; color: var(--text-muted); letter-spacing: 0.06em; }
+.brand-text { display: flex; align-items: center; }
+.brand-text strong { display: block; font-size: 15px; line-height: 1.2; }
.nav-menu { display: flex; gap: 4px; align-items: center; }
.nav-link {
diff --git a/src/pages/Contact/contact.css b/src/pages/Contact/contact.css
new file mode 100644
index 0000000..899d749
--- /dev/null
+++ b/src/pages/Contact/contact.css
@@ -0,0 +1,17 @@
+.contact-form-container {
+ max-width: 680px;
+}
+
+.contact-form-card {
+ padding: 32px;
+}
+
+@media (max-width: 768px) {
+ .contact-form-container {
+ max-width: none;
+ }
+
+ .contact-form-card {
+ padding: 24px 20px;
+ }
+}
diff --git a/src/pages/Contact/index.tsx b/src/pages/Contact/index.tsx
index 304fd49..da5befa 100644
--- a/src/pages/Contact/index.tsx
+++ b/src/pages/Contact/index.tsx
@@ -1,10 +1,10 @@
import { useState } from 'react'
import { Link } from 'react-router-dom'
-import { useCMS, useCMSTexts, getCMSConfig } from '@/services/cms'
+import { useCMSTexts } from '@/services/cms'
+import './contact.css'
export default function Contact() {
const { data: texts } = useCMSTexts()
- const { data: config } = useCMS(getCMSConfig, null)
const [form, setForm] = useState({ name: '', company: '', phone: '', need: '' })
const [submitted, setSubmitted] = useState(false)
const [error, setError] = useState('')
@@ -46,9 +46,8 @@ export default function Contact() {
提交后将进入顾问线索列表,请填写真实联系方式。
{texts['contact.hotline_label'] || '联系电话'}:{config.hotline}
} - {config?.contact_email &&{texts['contact.email_label'] || '联系邮箱'}:{config.contact_email}
} - {config?.contact_address &&{texts['contact.address_label'] || '联系地址'}:{config.contact_address}
} - {config?.qr_image_url &&首页 → 看看你的企业(轻量对照)→ 联系我们 → 顾问跟进
-首页 → 企业进化 → 价值/A/M/B → 联系我们(深度路径)
- - 先看看你的企业 → - -{text('home.eyebrow', '阿美巴 · 企业进化陪跑')}