jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

调整列表
Some checks failed
Gitea Actions Official-website / deploy-dev (push) Failing after 3s
Details

Browse Source
This commit is contained in:
jsasg
2026-04-11 10:11:25 +08:00
parent 347ebddb97
commit 2c4eb38495
3 changed files with 450 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
app/index/view/pc/public/header.html
View File

@@ -13,7 +13,7 @@
{if condition="!empty($header_categorys)"}
<div class="header-nav-item">
<div class="header-nav-title">{:lang_i18n('产品列表')}</div>
<div class="header-dropdown" >
<div class="header-dropdown" style="display: block;">
<div class="header-dropdown-tabs">
{volist name="header_categorys" id="vo" key="idx"}
<div class="header-tab-item {if condition="$idx == 1"}active{/if}" data-tab="tag-{$vo.id}">{$vo.name}</div>
@@ -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);
// });
// }