From 2c4eb38495bc9488c76ebe0b108d156b5efb39b6 Mon Sep 17 00:00:00 2001 From: jsasg <735273025@qq.com> Date: Sat, 11 Apr 2026 10:11:25 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=88=97=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/index/view/pc/public/header.html | 40 +-- app/index/view/pc/public/header1.html | 421 ++++++++++++++++++++++++++ public/static/index/pc/css/header.css | 14 +- 3 files changed, 450 insertions(+), 25 deletions(-) create mode 100644 app/index/view/pc/public/header1.html diff --git a/app/index/view/pc/public/header.html b/app/index/view/pc/public/header.html index ec8229af..b5f6e707 100644 --- a/app/index/view/pc/public/header.html +++ b/app/index/view/pc/public/header.html @@ -13,7 +13,7 @@ {if condition="!empty($header_categorys)"}
{:lang_i18n('产品列表')}
-
+
{volist name="header_categorys" id="vo" key="idx"}
{$vo.name}
@@ -189,28 +189,28 @@ //产品列表在hover复位tabs选择 - const productNavContainer = document.querySelector('.header-nav-item:first-child'); + // const productNavContainer = document.querySelector('.header-nav-item:first-child'); - if (productNavContainer) { - productNavContainer.addEventListener('mouseleave', () => { - // 延迟执行，确保下拉菜单已经隐藏 - setTimeout(() => { - const tabs = document.querySelectorAll('.header-tab-item'); - const contents = document.querySelectorAll('.header-tab-content'); + // if (productNavContainer) { + // productNavContainer.addEventListener('mouseleave', () => { + // // 延迟执行，确保下拉菜单已经隐藏 + // setTimeout(() => { + // const tabs = document.querySelectorAll('.header-tab-item'); + // const contents = document.querySelectorAll('.header-tab-content'); - // 重置到第一个tab - if (tabs.length > 0 && tabs[0]) { - tabs.forEach(tab => tab.classList.remove('active')); - contents.forEach(content => content.classList.remove('active')); + // // 重置到第一个tab + // if (tabs.length > 0 && tabs[0]) { + // tabs.forEach(tab => tab.classList.remove('active')); + // contents.forEach(content => content.classList.remove('active')); - tabs[0].classList.add('active'); - const firstContentId = tabs[0].getAttribute('data-tab'); - const firstContent = document.getElementById(firstContentId); - if (firstContent) firstContent.classList.add('active'); - } - }, 350); - }); - } + // tabs[0].classList.add('active'); + // const firstContentId = tabs[0].getAttribute('data-tab'); + // const firstContent = document.getElementById(firstContentId); + // if (firstContent) firstContent.classList.add('active'); + // } + // }, 350); + // }); + // } diff --git a/app/index/view/pc/public/header1.html b/app/index/view/pc/public/header1.html new file mode 100644 index 00000000..b5f6e707 --- /dev/null +++ b/app/index/view/pc/public/header1.html @@ -0,0 +1,421 @@ + +
+ +
+ +
+
+ + orico + +
+
+ {if condition="!empty($header_categorys)"} +
+
{:lang_i18n('产品列表')}
+
+
+ {volist name="header_categorys" id="vo" key="idx"} +
{$vo.name}
+ {/volist} +
+ {volist name="header_categorys" id="vo" key="idx"} +
+
+ {if condition="!empty($vo.children)"} + {volist name="vo.children" id="vc"} +
+ {volist name="vc" id="vcc"} +
+
+ + {$vcc.name} + +
+
    + {if condition="!empty($vcc.children)"} + {volist name="vcc.children" id="vccc" length="4"} +
  • + + {$vccc.name} + +
    • + {/volist} + {/if} +
+
+ {/volist} +
+ {/volist} + {/if} +
+
+ {if condition="!empty($vo.recommends)"} + {volist name="vo.recommends" id="recommend"} +
+ +
+ +
+
{$recommend.title}
+ +
+ {/volist} + {/if} +
+
+ {/volist} +
+
+ {/if} + {if condition="!empty($header_navigation)"} + {volist name="header_navigation" id="nav"} +
+ {if condition="empty($nav.children)"} +
+ {$nav.name} +
+ {else /} +
{$nav.name}
+
+
+ {volist name="nav.children" id="child"} +
+ +
+ +
+
{$child.name}
+
{$child.desc}
+ +
+ {/volist} +
+
+ {/if} +
+ {/volist} + {/if} +
+ + +
+
+ + + +
+ ✕ +
+ + +
+
+
+ {:lang_i18n('最近搜索')} + {:lang_i18n('清空')} +
+
+
+
+
{:lang_i18n('热销产品')}
+
+ {if condition="!empty($header_hot_products)"} + {volist name="header_hot_products" id="pro"} +
+
+ + + +
+
{$pro.name}
+
+ {/volist} + {/if} +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+
+ {if condition="!empty($header_mall_entrance)"} + {volist name="header_mall_entrance" id="ma"} + +
+ {$ma.name} + {$ma.name} +
+
{$ma.name}
+ + {/volist} + {/if} +
+
+
+
+
+ diff --git a/public/static/index/pc/css/header.css b/public/static/index/pc/css/header.css index 99c98c4e..99ff803e 100644 --- a/public/static/index/pc/css/header.css +++ b/public/static/index/pc/css/header.css @@ -323,30 +323,34 @@ a { /* 左侧6个分类区块 */ .header-dropdown-category { - display: flex; + /* display: flex; flex-wrap: wrap; flex-direction: column; - flex: 1; + flex: 1; */ + flex: 1; } .header-category-box { display: flex; justify-content: space-between; + margin-top:2em; +} +.header-category-box:nth-child(1) { + margin-top: 0; } - /* 单个分类区块 */ .header-category-block { flex: 1; box-sizing: border-box; } -.header-category-block:nth-child(5) { +/* .header-category-block:nth-child(5) { margin-bottom: 0; } .header-category-block:nth-child(6) { margin-bottom: 0; -} +} */ .header-category-title { font-size: 1em;