v0.10.7 首页 H4 五卡组 1:1:eael-info-box 完整结构/WidgetNode 双层容器/列 margin 折叠/heading link/kit-spacing 20/image inline-block,sec.h 与原站一致(529.6)
This commit is contained in:
BigCode
+92
-1
@@ -261,7 +261,7 @@
|
||||
background-repeat: no-repeat;
|
||||
background-position: center right;
|
||||
}
|
||||
[data-el="e38a898"] > div > [data-el] { padding: 10px; }
|
||||
[data-el="e38a898"] > div > [data-el] > div { padding: 10px; }
|
||||
[data-el="e38a898"] .el-imagebox-img { width: 30%; }
|
||||
[data-el="e38a898"] .el-imagebox:hover .el-imagebox-img img {
|
||||
filter: brightness(90%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
|
||||
@@ -273,6 +273,97 @@
|
||||
/* post-18.css 对六个 widget 各有 margin-bottom:0，特异性高于基础 CSS 的 15px（实测原站 0px） */
|
||||
[data-el="e38a898"] .el-imagebox-img { margin-bottom: 0 !important; }
|
||||
}
|
||||
|
||||
/* ===== Elementor 通用规则（frontend.min.css 对应块）
|
||||
* kit-widget-spacing：非末位 widget 的下间距默认 20px（实测原站 H4 text-editor margin 0 0 20px）
|
||||
* 挂在 .el-col 直属 widget（data-el 包裹层）上。
|
||||
* text-editor：display flow-root 建立 BFC（子元素 p 的下外距计入容器高度，与原站
|
||||
* 实测 62.4 = 2 行 48 + p margin 14.4 一致），p 下外距 0.9em（原站 hello 环境 14.4px）。
|
||||
*/
|
||||
.el-col > div > [data-el]:not(:last-child) { margin-bottom: 20px; }
|
||||
.el-texteditor { display: flow-root; }
|
||||
.el-texteditor p { margin: 0 0 0.9em; }
|
||||
|
||||
/* ===== Elementor widget-image 基础（widget-image.min.css 对应块）
|
||||
* a 与 img 都是 inline-block 且 img vertical-align:middle，
|
||||
* 消除行内盒基线空隙（否则容器多出 ~7px 行盒 descent，与原站 231.2≠238.2 对不上）。
|
||||
*/
|
||||
.el-image { text-align: center; }
|
||||
.el-image a { display: inline-block; }
|
||||
.el-image img { display: inline-block; vertical-align: middle; }
|
||||
|
||||
/* ===== Elementor hover 动画（e-animation-shrink.min.css）：hover 缩至 90%，0.3s 过渡 */
|
||||
/* heading 标题链接颜色继承（原站不受全局品牌橙影响，实测 #333/#000） */
|
||||
.el-heading-title a { color: inherit; }
|
||||
.el-anim-shrink { transition-duration: 0.3s; transition-property: transform; }
|
||||
.el-anim-shrink:hover, .el-anim-shrink:focus, .el-anim-shrink:active { transform: scale(0.9); }
|
||||
|
||||
/* ===== EAEL infobox 基础（info-box.min.css 对应块）：
|
||||
* 图在左为 flex 行；内容列 padding-left 15px；标题行高 1（margin 由页面级覆盖）；
|
||||
* 图标列垂直居中。
|
||||
*/
|
||||
.eael-infobox.icon-on-left { display: flex; position: relative; }
|
||||
.eael-infobox.icon-on-left .infobox-content { padding-left: 15px; flex: 1 1 auto; min-width: 0; }
|
||||
.eael-infobox .infobox-icon {
|
||||
display: flex; justify-content: flex-start; align-self: center;
|
||||
/* flex 行内拉伸：H4 实测 icon 容器 39px(img 32px + 7px 排版余量)，
|
||||
* 与 .eael-infobox 盒 42px 对齐 */
|
||||
}
|
||||
.eael-infobox .infobox-icon img { transition: all 300ms ease-in-out 0s; }
|
||||
.eael-infobox .infobox-content { display: flex; flex-direction: column; justify-content: center; }
|
||||
.eael-infobox .infobox-content .infobox-title-section { display: flex; flex-direction: column; }
|
||||
.eael-infobox .infobox-content .title { line-height: 1; }
|
||||
.eael-infobox .infobox-content p { margin: 0 0 15px; }
|
||||
|
||||
/* ===== 首页 H4 硬件与服务系列 ×5（post-18.css 对应块；1436px 实测 2026-11-01）
|
||||
* 卡列：渐变 #F4F5F9→透明 + 1px #E0E5F9 边框 + 4px 圆角 + 列间 margin（ColumnNode 由 settings 渲染）；
|
||||
* 标题 widget 容器：底部橙线图背景（bottom center no-repeat）+ 左右 3rem 内边距；
|
||||
* 产品图 widget 容器：margin -2.5rem 0 -1rem 上提；
|
||||
* info-box ×2：图标列 margin-top 3px、内容标题 14px/#4d4d4d/margin 7px 0 0 -10px；
|
||||
* 第二个 info-box 容器上提 -10px。
|
||||
*/
|
||||
|
||||
|
||||
[data-el="314b8d5"] .infobox-icon, [data-el="8417167"] .infobox-icon,
|
||||
[data-el="9e1009f"] .infobox-icon, [data-el="2032426"] .infobox-icon,
|
||||
[data-el="7c9ceeb"] .infobox-icon, [data-el="9ff518a"] .infobox-icon,
|
||||
[data-el="2c9eb1c"] .infobox-icon, [data-el="1aa62bd"] .infobox-icon,
|
||||
[data-el="64432f0"] .infobox-icon, [data-el="2ba29de"] .infobox-icon {
|
||||
margin: 3px 0 0 0;
|
||||
height: 39px;
|
||||
}
|
||||
[data-el="314b8d5"] .infobox-content .title, [data-el="8417167"] .infobox-content .title,
|
||||
[data-el="9e1009f"] .infobox-content .title, [data-el="2032426"] .infobox-content .title,
|
||||
[data-el="7c9ceeb"] .infobox-content .title, [data-el="9ff518a"] .infobox-content .title,
|
||||
[data-el="2c9eb1c"] .infobox-content .title, [data-el="1aa62bd"] .infobox-content .title,
|
||||
[data-el="64432f0"] .infobox-content .title, [data-el="2ba29de"] .infobox-content .title {
|
||||
color: #4d4d4d;
|
||||
font-size: 14px;
|
||||
margin: 7px 0 0 -10px;
|
||||
}
|
||||
/* inner 的 -10px 仅上移容器自身（原站实测 root 不位移），flow-root 阻止它与根折叠 */
|
||||
[data-el="9ff518a"], [data-el="2c9eb1c"], [data-el="1aa62bd"],
|
||||
[data-el="64432f0"], [data-el="2ba29de"] {
|
||||
display: flow-root;
|
||||
}
|
||||
[data-el="9ff518a"] > div, [data-el="2c9eb1c"] > div,
|
||||
[data-el="1aa62bd"] > div, [data-el="64432f0"] > div,
|
||||
[data-el="2ba29de"] > div {
|
||||
margin: -10px 0 0 0;
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
[data-el="68e06cb"], [data-el="c3c8429"], [data-el="8272123"],
|
||||
[data-el="1d97802"], [data-el="4a8ad62"] {
|
||||
margin: -2rem 0 -1rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
[data-el="9ff518a"] .infobox-content .title, [data-el="2c9eb1c"] .infobox-content .title,
|
||||
[data-el="1aa62bd"] .infobox-content .title, [data-el="64432f0"] .infobox-content .title,
|
||||
[data-el="2ba29de"] .infobox-content .title {
|
||||
margin: 7px 0 0 -6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
|
||||
Reference in New Issue
Block a user