kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(header): full zibll 1:1 for top multifunc search/cards/admin

Browse Source 
Wire hero search through aksrt_get_search_box, device-gated cards/blur (zib_m_pc_is_show), expanded admin schema, and keyword/type UI styles matching zibll header-slider.
This commit is contained in:
kate522
2026-07-24 10:43:29 +08:00
parent e35011f2c0
commit 96bd9d949d
7 changed files with 256 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/admin/src/schema/sections/page-display/index.js
+42 -26
View File
@@ -629,16 +629,18 @@ export const pageDisplaySchemas = {
header_components_nav_color: '#ffffff',
header_components_show_on: ['home'],
header_components_device_visibility: '',
header_components_filter_blur_devices: [],
header_components_filter_blur_devices: ['pc', 'mobile'],
header_components_card_show_devices: ['pc', 'mobile'],
header_components_card_shared_bg: false,
header_components_card_blur: true,
header_components_card_icon_shape: 'circle',
header_components_icon_cards: [],
header_components_search_pc: true,
header_components_search_mobile: true,
header_components_search_show_keywords: false,
header_components_search_popular_limit: 5,
header_components_search_show_keywords: true,
header_components_search_popular_limit: 6,
header_components_search_in_cat: '',
header_components_search_in_type: 'post',
header_components_search_more_cats: [],
header_components_search_show_input_cat: false,
header_components_search_show_type: false,
header_components_search_before_html: '<div class="em16 font-bold mb10">更优雅的Wordpress主题</div>\n<div>这是导航栏幻灯片多功能组件，可在后台进行配置</div>',
@@ -711,10 +713,18 @@ export const pageDisplaySchemas = {
fields: [
{ key: 'header_components_search_pc', label: 'PC 端显示搜索', type: 'switch', default: true, dependsOn: { key: 'header_components_search_enabled', value: true } },
{ key: 'header_components_search_mobile', label: '移动端显示搜索', type: 'switch', default: true, dependsOn: { key: 'header_components_search_enabled', value: true } },
{ key: 'header_components_search_show_keywords', label: '显示热门搜索词', type: 'switch', default: false, dependsOn: { key: 'header_components_search_enabled', value: true } },
{ key: 'header_components_search_popular_limit', label: '热词数量', type: 'number', default: 5, min: 1, max: 20, dependsOn: { key: 'header_components_search_show_keywords', value: true } },
{ key: 'header_components_search_show_input_cat', label: '显示分类搜索', type: 'switch', default: false, dependsOn: { key: 'header_components_search_enabled', value: true }, help: '搜索框内显示分类选择下拉' },
{ key: 'header_components_search_show_type', label: '显示类型切换', type: 'switch', default: false, dependsOn: { key: 'header_components_search_enabled', value: true }, help: '搜索框内显示内容类型切换' },
{ key: 'header_components_search_show_keywords', label: '热门搜索', type: 'switch', default: true, dependsOn: { key: 'header_components_search_enabled', value: true }, help: '显示网站热门搜索关键词（移动端不会显示）' },
{ key: 'header_components_search_popular_limit', label: '关键词最多显示', type: 'number', default: 6, min: 2, max: 50, dependsOn: { key: 'header_components_search_show_keywords', value: true } },
{ key: 'header_components_search_show_input_cat', label: '分类搜索', type: 'switch', default: false, dependsOn: { key: 'header_components_search_enabled', value: true }, help: '显示分类搜索选择' },
{ key: 'header_components_search_in_cat', label: '默认搜索的分类', type: 'input', default: '', dependsOn: { key: 'header_components_search_show_input_cat', value: true }, help: '分类 ID，可留空' },
{ key: 'header_components_search_show_type', label: '显示类型选择', type: 'switch', default: false, dependsOn: { key: 'header_components_search_enabled', value: true }, help: '显示切换搜索类型的按钮（文章、用户、版块、帖子、商品）' },
{ key: 'header_components_search_in_type', label: '默认搜索类型', type: 'radio', default: 'post', dependsOn: { key: 'header_components_search_show_type', value: true }, options: [
{ label: '文章', value: 'post' },
{ label: '用户', value: 'user' },
{ label: '商品', value: 'product' },
{ label: '帖子', value: 'forum' },
{ label: '版块', value: 'plate' },
]},
{
key: 'header_components_search_before_html',
label: '搜索上方额外内容',
@@ -740,20 +750,19 @@ export const pageDisplaySchemas = {
title: '图标卡片样式',
icon: 'fas fa-th-large',
fields: [
{ key: 'header_components_filter_blur_devices', label: '容器模糊设备', type: 'checkbox', default: [], dependsOn: { key: 'header_components_cards_enabled', value: true }, options: [
{ label: 'PC', value: 'pc' },
{ label: '移动端', value: 'mobile' },
]},
{ key: 'header_components_filter_blur_devices', label: '组件高斯模糊特效', type: 'checkbox', default: ['pc', 'mobile'], options: [
{ label: 'PC端开启', value: 'pc' },
{ label: '移动端开启', value: 'mobile' },
], help: '搜索组件和卡片组件背景显示高斯模糊特效（较耗性能）' },
{ key: 'header_components_card_show_devices', label: '卡片显示设备', type: 'checkbox', default: ['pc', 'mobile'], dependsOn: { key: 'header_components_cards_enabled', value: true }, options: [
{ label: 'PC', value: 'pc' },
{ label: '移动端', value: 'mobile' },
{ label: 'PC端显示', value: 'pc' },
{ label: '移动端显示', value: 'mobile' },
]},
{ key: 'header_components_card_shared_bg', label: '共享卡片背景', type: 'switch', default: false, dependsOn: { key: 'header_components_cards_enabled', value: true }, help: '开启后所有图标卡片共用背景模式' },
{ key: 'header_components_card_blur', label: '启用卡片模糊效果', type: 'switch', default: true, dependsOn: { key: 'header_components_cards_enabled', value: true } },
{ key: 'header_components_card_icon_shape', label: '图标形状', type: 'radio', default: 'circle', dependsOn: { key: 'header_components_cards_enabled', value: true }, options: [
{ key: 'header_components_card_shared_bg', label: '模块背景', type: 'switch', default: false, dependsOn: { key: 'header_components_cards_enabled', value: true }, help: '整个模块显示背景；关闭后每个卡片各自显示背景（zibll show_widget_bg）' },
{ key: 'header_components_card_icon_shape', label: '方形图标', type: 'radio', default: 'circle', dependsOn: { key: 'header_components_cards_enabled', value: true }, options: [
{ label: '圆形', value: 'circle' },
{ label: '方形', value: 'square' },
]},
], help: '图标显示为正方形，而不是圆形（zibll icon_radius4）' },
],
},
{
@@ -781,23 +790,30 @@ export const pageDisplaySchemas = {
dependsOn: { key: 'header_components_cards_enabled', value: true },
addText: '添加卡片',
fields: [
{ key: 'icon', label: '图标类名', type: 'input', default: 'fas fa-star', placeholder: 'fas fa-star' },
{ key: 'custom_icon', label: '自定义图标 HTML', type: 'textarea', default: '', rows: 2, placeholder: '<svg>...</svg>' },
{ key: 'icon_class', label: '图标配色', type: 'select', default: 'c-blue', options: [
{ label: 'Blue', value: 'c-blue' },
{ key: 'title', label: '文案标题', type: 'textarea', default: '', rows: 1, help: '第一行文案，字体稍大；支持 HTML（如 badge）' },
{ key: 'desc', label: '文案简介', type: 'textarea', default: '', rows: 2, help: '第二行文案，字体稍小；支持 HTML' },
{ key: 'icon', label: '选择图标', type: 'input', default: 'fa fa-magic', placeholder: 'fa fa-magic / fas fa-star' },
{ key: 'custom_icon', label: '自定义图标', type: 'textarea', default: '', rows: 1, placeholder: '自定义图标 HTML 代码', help: '如使用非自带图标，可输入自定义图标代码' },
{ key: 'icon_class', label: '图标颜色', type: 'select', default: 'c-yellow', options: [
{ label: 'Yellow', value: 'c-yellow' },
{ label: 'Blue', value: 'c-blue' },
{ label: 'Blue-2', value: 'c-blue-2' },
{ label: 'Green', value: 'c-green' },
{ label: 'Red', value: 'c-red' },
{ label: 'Orange', value: 'c-orange' },
{ label: 'Red-2', value: 'c-red-2' },
{ label: 'Cyan', value: 'c-cyan' },
{ label: 'Pink', value: 'c-pink' },
{ label: 'Purple', value: 'c-purple' },
{ label: 'Gray', value: 'c-gray' },
{ label: 'Gradient Pink', value: 'jb-pink' },
{ label: 'Gradient Yellow', value: 'jb-yellow' },
{ label: 'Gradient Blue', value: 'jb-blue' },
{ label: 'Gradient Cyan', value: 'jb-cyan' },
{ label: 'Gradient Green', value: 'jb-green' },
{ label: 'Gradient Purple', value: 'jb-purple' },
{ label: 'Gradient Orange', value: 'jb-orange' },
]},
{ key: 'title', label: '标题', type: 'input', default: '' },
{ key: 'desc', label: '描述', type: 'input', default: '' },
{ key: 'url', label: '链接 URL', type: 'input', default: '', placeholder: 'https://example.com' },
{ key: 'url', label: '跳转链接', type: 'input', default: '', placeholder: 'https://example.com' },
{ key: 'target', label: '打开方式', type: 'radio', default: '_self', options: [
{ label: '当前标签页', value: '_self' },
{ label: '新标签页', value: '_blank' },