v0.10.20: G3 询价弹窗/表单(原站 Elementor popup 1129 + CF7 604)
- 新增 InquiryPopup:全局委托拦截 #elementor-action:popup:open 链接(全站 24 处,id 1129), 按 Elementor 弹窗 DOM 渲染(遮罩 rgba(0,0,0,.8)、700px 白卡、关闭按钮 20/20、Esc/遮罩关闭、 打开时锁定页面滚动) - 表单按 CF7 表单 604 重建:Name/Company/Business email/Phone/Product/Interest/Annual Demand/ Message + consent 勾选 + reCAPTCHA 声明;样式取 popup 生成 CSS(padding 2em 3em、 48%/31.3% 两列三列、#C9CEE8 边框、textarea 134px、按钮 #ED6C00→#FFA11B 圆角 10) - 提交走 submitInquiry(form_key contact-form-1),字段映射 + interest/annualdemand/consent extra;成功显示 CF7 原文提示;弹窗内 5 个社交图标(20px/间距 14/品牌色) - app.css 补弹窗样式与 FA tiktok/twitter 码位;Layout 全局挂载 - 实测 1436:700×737 居中、两列 289.9/三列 189、消息 604×153;390:全宽、移动端三列退化两列; 首页与 landing 页触发器均生效,提交入库验证后清理测试数据;bun test 11 pass - 版本 0.10.20
This commit is contained in:
@@ -27,7 +27,7 @@
|
||||
|---|------|------|------|
|
||||
| G1 | 顶部导航 Header(含 mega menu、语言切换) | ✅ v0.10.3 | `Header.tsx` |
|
||||
| G2 | 页脚 Footer(原站 elementor_library post 58) | ✅ v0.10.19 | `Footer.tsx`(ElementorRenderer 直出 46d7afa/d834160/28c7f0b8/a428bb4 + menu-2 移动菜单 + gtranslate 下拉) |
|
||||
| G3 | 询价弹窗/表单 | 🟡 | `InquiryForm.tsx` |
|
||||
| G3 | 询价弹窗/表单(原站 Elementor popup 1129 + CF7 表单 604) | ✅ v0.10.20 | `InquiryPopup.tsx`(全局监听 popup 链接 + 弹窗 DOM + 表单提交入库) |
|
||||
|
||||
## 三、首页版块清单(自上而下,20 版块)
|
||||
|
||||
@@ -130,6 +130,17 @@ cookie-policy:19 段纯文本。
|
||||
> 下拉 202×39 全部全等;390 实测逐项全等(56/15/347/337/97/46.4/61)。
|
||||
> 注意:原站 headless 下 WP Rocket 延迟加载 Elementor/jQuery,JS 组件(tabs/swiper)默认不初始化,
|
||||
> 比对该类版块需先 `page.mouse.wheel` 或按线上真实状态换算,勿把"未初始化"当基线。
|
||||
>
|
||||
> **G3 询价弹窗取证(v0.10.20)**:全站 24 处 “Make an Inquiry”/按钮均为
|
||||
> `#elementor-action:action=popup:open&settings={"id":"1129"}`(base64),对应 popup 1129,
|
||||
> 内含 EAEL Contact Form 7(表单 604:Name/Company/Business email/Phone/Product/Interest/
|
||||
> Annual Demand/Message + acceptance + reCAPTCHA 声明)。实现为全局 `InquiryPopup`:
|
||||
> 文档级委托点击 → 渲染 Elementor 弹窗 DOM(遮罩 rgba(0,0,0,.8)、700px 白卡、close 20/20),
|
||||
> 表单样式按 popup 生成 CSS(padding 2em 3em、字段 48%/31.3%、#C9CEE8 边框、textarea 134px、
|
||||
> 按钮 #ED6C00→#FFA11B、圆角 10)与 EAEL 默认(input 8px 16px/高 42),提交走 submitInquiry
|
||||
> (form_key=contact-form-1),成功显示 CF7 原文提示;弹窗内社交图标 5 个(20px/间距 14/品牌色)。
|
||||
> 实测 1436:白卡 700×737 居中、两列 289.9/三列 189、消息框 604×153;390:宽 390、p5/p6 两列、
|
||||
> p7 全宽,与 popup 自定义 CSS 一致;提交入库验证后已清理测试数据。
|
||||
|
||||
## 七、已知遗留(非当前版块范围,后续版块收口)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user