feat(header): add 叠加组件 with after_html per background item
「顶部多功能组件 → 背景内容」的每个背景项目新增「叠加组件」手风琴, 其中提供「组件下方额外内容」(after_html) 输入框,支持 HTML。 - 后台 schema:slider_item_fields 增加 overlay accordion(sanitize_type html), 默认值与 PageConfigMetaBox / DisplayPageGroups 的默认项目同步带上空 overlay - 保存:页面独立配置(page_config 元数据)按项目写入 overlay.after_html, 沿用 wp_kses_post() 过滤 - 前端:after_html 作为 .slide-overlay-after 覆盖层输出在所属幻灯片内 (幻灯片是 overflow:hidden 的定位层,放到幻灯片外会被裁掉), 默认贴底居中、仅其中的链接与表单接收点击 - main.min.css 由 tools/build-public-assets.mjs 重新生成 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
44a03fd5f4
commit
c2733017fd
10 files changed
+89
-4
No files matched your search
@@ -6816,6 +6816,31 @@ body.nav-fixed .slide-header {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/*
|
||||
* 叠加组件(每个背景项目独立的 after_html)。
|
||||
* 幻灯片本身是 overflow:hidden 的绝对定位层,附加内容只能作为幻灯片内的
|
||||
* 覆盖层存在:贴底、居中、压在背景之上,链接与按钮保持可点击。
|
||||
*/
|
||||
.slide-overlay-after {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
padding: 1.2em;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slide-overlay-after a,
|
||||
.slide-overlay-after button,
|
||||
.slide-overlay-after input,
|
||||
.slide-overlay-after select,
|
||||
.slide-overlay-after textarea {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.header-slider-card .jio-panel {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user