v0.10.16: H15 Trusted By Logo 墙(3b29aeb5)完成

- 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 项,截图目视一致
This commit is contained in:
bigcode
2026-11-01 23:32:53 +08:00
parent deea9b550a
commit 94ef2a9afa
4 changed files with 30 additions and 10 deletions
+1 -1
View File
@@ -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(标题行 + 列卡) | ⬜ |
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "dusuniot-rebuild",
"version": "0.10.15",
"version": "0.10.16",
"private": true,
"type": "module",
"scripts": {
+7 -4
View File
@@ -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),
// 仅保留外层弹性宽度与拉伸高度
<div className="el-col min-w-0" style={outer} data-el={el.id}>
<div style={{ display: "flex", flexWrap: "wrap", alignContent: "flex-start", width: "auto", ...inner }}>
{(el.elements || []).length ? (
<div style={{ display: "flex", flexWrap: "wrap", alignContent: "flex-start", width: "100%", ...inner }}>
{(el.elements || []).map((c, i) => (
<ElementNode key={c.id || i} el={c} gapPad={gapPad} />
))}
</div>
) : null}
</div>
);
}
+17
View File
@@ -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);