兼容header

app/index/view/pc/product/category.html

@@ -6,7 +6,7 @@
 <div class="orico_Page_category">
 	<!-- banner轮播 -->
 	{notempty name="focus_image"}
-	<div class="opdBanner">
+	<div class="opdBanner" >
 		{volist name="focus_image" id="fi"}
 		<a {notempty name="fi.link" }href="{$fi.link}" {/notempty}>
 			<img src="{$fi.image}" class="opdbannerImg" />

app/index/view/pc/public/header.html

@@ -1,7 +1,7 @@
 <link rel="stylesheet" href="__CSS__/header.css">
-<div class="header">
+<div class="header" >
 <!-- 导航外容器：1920px宽，下拉框基于此定位 -->
-    <div class="header-nav-outer">
+    <div class="header-nav-outer" >
         <!-- 顶部导航栏 -->
         <div class="header-nav-bar">
             <div style="display:flex;align-items:center">
@@ -184,7 +184,36 @@
         </div>
     </div>
 </div>
+<div style="width: 100vw;height: 64px;"></div>
 <script>
+
+
+    //产品列表在hover复位tabs选择
+    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');
+                
+                // 重置到第一个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);
+        });
+    }
+
+
+
     const tabItems = document.querySelectorAll('.header-tab-item');
     const tabContents = document.querySelectorAll('.header-tab-content');
 

app/index/view/pc/topic_laptop/index.html

@@ -1,6 +1,6 @@
 {extend name="public/base" /}
 {block name="style"}
-<!--<link rel="stylesheet" href="__CSS__/topic_laptop/header.css">-->
+<link rel="stylesheet" href="__CSS__/topic_laptop/header.css">
 <link rel="stylesheet" href="__CSS__/before-after.min.css">
 <link rel="stylesheet" href="__CSS__/topic_laptop/swiper.css">
 <link rel="stylesheet" href="__CSS__/topic_laptop/footer.css">
@@ -52,7 +52,7 @@
 {/block}
 {block name="main"}
 {notempty name="data.top_focus_images"}
-<div class="swiper-container auto-swiper-container" style="margin-top:60px;">
+<div class="swiper-container auto-swiper-container">
     <div class="swiper-wrapper">
         {volist name="data.top_focus_images" id="tfi"}
         <div class="swiper-slide auto-swiper-slide">

app/index/view/pc/topic_power_prodline/index.html

@@ -12,7 +12,7 @@
 {/block}
 {block name="main"}
 <!-- 轮播核心容器 -->
-<div class="swiper-container auto-swiper-container" >
+<div class="swiper-container auto-swiper-container">
     {notempty name="data.focus_image"}
     <div class="swiper-wrapper">
         {volist name="data.focus_image" id="fo"}