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
+11 -8
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 || []).map((c, i) => (
<ElementNode key={c.id || i} el={c} gapPad={gapPad} />
))}
</div>
{(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);