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:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user