From 94ef2a9afa53f76383d4d2fe1d48f78e8f58b233 Mon Sep 17 00:00:00 2001 From: bigcode Date: Sun, 1 Nov 2026 23:32:53 +0800 Subject: [PATCH] =?UTF-8?q?v0.10.16:=20H15=20Trusted=20By=20Logo=20?= =?UTF-8?q?=E5=A2=99(3b29aeb5)=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ColumnNode 空列裸渲染:原站空占位格无 populated 盒(margin/边框 0),仅保留弹性宽度 - populated 宽度语义辨析:H4=溢出(基线 100%,populated 272 含 margin)、H11/H14/H15=扣减 (scoped width auto !important,272-16=256);曾试基线改 auto 致 H4 -7.7 回归,已回滚并全页回归 - H15 scoped:468316dc 列内 widget 间距 0(space_between_widgets=0,覆盖 kit-spacing)、 三行 logo 列 populated flex 纵向垂直居中 - H15 全部设置驱动落地:heading/text(_margin 顶 10/_padding 9rem/20px)、节 margin-top 3.5%、 列 margin 8px+边框 #474DFF26、image hover shrink;审计仅剩口径/亚像素 3 项,截图目视一致 --- docs/sections-inventory.md | 2 +- package.json | 2 +- src/components/elementor/Renderer.tsx | 19 +++++++++++-------- src/styles/app.css | 17 +++++++++++++++++ 4 files changed, 30 insertions(+), 10 deletions(-) diff --git a/docs/sections-inventory.md b/docs/sections-inventory.md index c1526579c..fea05acec 100644 --- a/docs/sections-inventory.md +++ b/docs/sections-inventory.md @@ -49,7 +49,7 @@ | H13 | Difference Maker 供应商主张条 | heading 5706426 + text c83a5d3 + icon-list 002494b(3 描边链接) + 内嵌 section 931e838(左文右空+楼体图) | ✅ v0.10.13（heading 40/600/#000 左对齐；text fs 1.375rem + _margin -1rem 折叠(widget h 15.4 机制与原站一致)；icon-list inline 视图 3 描边链接(custom_css .ele-supplier-dif 边框盒/悬停橙,li 213.7/190.4/206.2 全等)；楼体大图=列 bf3d0ba 背景 bottom left+100% auto；随此版块落地:IconListWidget 忠实 DOM 重写(inline-items flex 对冲边距)、列背景 background_size(initial→100% auto)/position/repeat 全量并入、icon-list 基础 CSS、悬停主色规则；相对几何逐项全等(183.4/251.4 等),截图目视一致。注意:orig 侧 H12 面板渐进展开致整页 y 多次测量间漂移,以节内相对坐标为准） | | H13.5 | counter 统计条 ×6 | 9084925:6 列 image-box(图标+数字标题+描述) | ✅ v0.10.14（双端节内相对几何/样式 JSON 逐字节一致:sec h 235、列 226.7×179 padding 20/16/16/36 + 边框 1px 0 1px 1px #E0E5F9(globals ee1917e,末列四边)、图标 30% 宽(仅存 post-18 生成 CSS,scoped 补规则)+image_space 6px、标题 36px/700/#ED6C00/lh54+mb4(㎡ 内联 span 1.5rem)、描述 18px/#333/lh27;随此版块:image-box 支持 title_typography_*/description_typography_*/image_space/text_align(进 slim 白名单)+title_color 落样式） | | H14 | Why Choose Dusun IoT | heading + eael-info-box ×4(工厂底图深色节) | ✅ v0.10.15（审计 0 差异：heading Poppins 40/600/#FFFFFF(globals 4d5c430)居中 + _padding 底 12px；4 卡 680×294 白底圆角 6、padding 16/40/32、margin 右 8/左 8 + 底 16(两行卡间距 0——随此修复:kit-spacing 20px 排除内嵌 section、populated 宽 100%→auto 扣水平 margin,H14 680-8=672);info-box 标题 20px/700/#0D152E + 图标背景 44×44/lh66/下划线(custom_css 注入)、药丸 li 2px 10px/圆角 16/边框 #C7CBDA、ul margin 0(hello reset,scoped);随此版块:EaelInfoBoxWidget 标题排版/颜色(eael_infobox_title_typography_*/_title_color 进白名单)、内容 div 直出不包 p） | -| H15 | Trusted By 世界领先品牌 | heading + image ×11(Logo 墙) | ⬜ | +| H15 | Trusted By 世界领先品牌 | heading + text + 3 行×5 列 logo 格(9 图 + 6 空占位) + 世界地图底图 | ✅ v0.10.16（审计仅剩口径/亚像素 3 项:heading 40/600/#000 + _padding 左右 10%、text 20px/_margin 顶 10/_padding 9rem、space_between_widgets=0 列内间距 0(scoped 覆盖 kit-spacing)、三行 logo 列 populated flex 纵向垂直居中 + 扣 margin(scoped auto,272-16=256)、列 margin 8px + 边框 #474DFF26 设置驱动、空占位列裸渲染(原站无 populated 盒,margin/边框 0)、logo 图 254 宽 text-align center(Elementor image widget 默认);节 margin-top 3.5%+padding 底 4.5rem;随此版块:ColumnNode 空列裸渲染、populated 语义辨析(H4 溢出=基线 100%,H11/H14/H15 扣减=scoped auto)——曾试基线改 auto 致 H4 -7.7 回归后回滚） | | H16 | Developer Ecosystem | heading ×4+text+button+image+social-icons(左右两卡) | ⬜ | | H17 | News & Updates 标题 | heading | ⬜ | | H18 | 最新博文 *2 | posts widget ×2(标题行 + 列卡) | ⬜ | diff --git a/package.json b/package.json index 64b3c654c..09e80c8aa 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "dusuniot-rebuild", - "version": "0.10.15", + "version": "0.10.16", "private": true, "type": "module", "scripts": { diff --git a/src/components/elementor/Renderer.tsx b/src/components/elementor/Renderer.tsx index 58d54060d..6f3526368 100644 --- a/src/components/elementor/Renderer.tsx +++ b/src/components/elementor/Renderer.tsx @@ -431,15 +431,18 @@ function ColumnNode({ el, gapPad }: { el: ElElement; gapPad?: string }) { } else inner.borderWidth = "1px"; } return ( - // 内层(populated)宽 auto：块级填充自动扣除自身水平 margin（原站实测 H14 680-8=672、 - // H11 453.33-10=443.33；负 margin 反向加宽与原站一致）；此前 width:100% 会使 - // 有水平 margin 的列溢出 margin 宽度 + // 内层(populated)宽 100%：与列同宽、水平 margin 向右溢出（H4 卡实测 populated=272 含 + // margin 溢出）；H11/H14/H15 等"扣除 margin"语义的列在 app.css 用 !important 覆写为 auto。 + // 空列（无子元素）裸渲染：原站空列无 populated 盒（H15 占位格 margin/边框均为 0）， + // 仅保留外层弹性宽度与拉伸高度
-
- {(el.elements || []).map((c, i) => ( - - ))} -
+ {(el.elements || []).length ? ( +
+ {(el.elements || []).map((c, i) => ( + + ))} +
+ ) : null}
); } diff --git a/src/styles/app.css b/src/styles/app.css index 328b88d1b..353170ee3 100644 --- a/src/styles/app.css +++ b/src/styles/app.css @@ -329,6 +329,23 @@ [data-el="46684e1"] .el-imagebox-img, [data-el="17330e2"] .el-imagebox-img, [data-el="a7cd0a1"] .el-imagebox-img, [data-el="e6b1413"] .el-imagebox-img { width: 30%; } + /* ===== 首页 H15 Trusted By Logo 墙（post-18.css 对应块；1436 实测 2026-11-01） + * 列 468316dc 设 space_between_widgets=0：widget 间距 0（实测 heading→text 0 间距、 + * text 底即 logo 行顶），覆盖 kit-spacing 20px； + * 三行 logo 列（88b6737/e194e4f/f6a7591）populated 为 flex 纵向 + 垂直居中 + * （实测图 dy = 列顶 + (148.8-130.8)/2），列 margin 8px + 边框 #474DFF26 设置驱动， + * 空占位列由组件裸渲染（无 populated 盒，margin/边框 0） */ + [data-el="468316dc"] > div > [data-el]:not(:last-child):not(.el-w-auto):not(section) { margin-bottom: 0 !important; } + [data-el="88b6737"] .el-col > div, + [data-el="e194e4f"] .el-col > div, + [data-el="f6a7591"] .el-col > div { display: flex; flex-direction: column; justify-content: center; } + /* H14 四卡与 H15 logo 列：populated 扣除水平 margin（H14 680-8=672、H15 272-16=256， + * 与 H11 同款覆写；基线 100% 为 H4 溢出语义） */ + [data-el="2902827"] > div, [data-el="9c42480"] > div, + [data-el="84729aa"] > div, [data-el="20852f8"] > div, + [data-el="88b6737"] .el-col > div, [data-el="e194e4f"] .el-col > div, + [data-el="f6a7591"] .el-col > div { width: auto !important; } + /* ===== 首页 H2 产品线入口（post-18.css 对应块；1436px 实测 2026-10-31） * 外层 section：白→#F4F5F8 线性渐变（180deg）+ 1360 容器（SectionNode 背景已渲染）； * 中列 0.5rem 内边距；内层 e38a898 六列均分 224px，列内容 wrap padding 10px（高 107）；