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>
);
}