From ac8bda4f940d615d23771f8cbdaf6367bcaf66da Mon Sep 17 00:00:00 2001
From: yaoqin <497681109@qq.com>
Date: Fri, 23 May 2025 14:26:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=9C=8D=E5=8A=A1=E6=A1=88?=
 =?UTF-8?q?=E4=BE=8B=E9=A1=B5=E9=9D=A2=E6=96=87=E5=AD=97=E5=8F=8A=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E6=A1=88=E5=88=97=E9=A1=BA=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 驭鑫/new yxsilicon/html/serviceCases.html |  17 +--
 驭鑫/new yxsilicon/js/serviceCases.js     | 134 ++++++++++++++------
 2 files changed, 102 insertions(+), 49 deletions(-)

diff --git a/驭鑫/new yxsilicon/html/serviceCases.html b/驭鑫/new yxsilicon/html/serviceCases.html
index 386ff9c..46c3122 100644
--- a/驭鑫/new yxsilicon/html/serviceCases.html	
+++ b/驭鑫/new yxsilicon/html/serviceCases.html	
@@ -89,6 +89,14 @@
         <div class="case-section-bg"></div>
         <div class="case-container">
           <div class="case-list">
+            <button class="case-btn " data-index="3">
+                <span>云计算水冷服务器</span>
+                <div class="case-btn-arrow">
+                    <img src="../imgs/home/arrow2.svg" alt="h6pro">
+                </div>
+
+
+            </button>
             <button class="case-btn active" data-index="0">
                 <span>运算加速器H6PRO</span>
                 <div class="case-btn-arrow">
@@ -111,14 +119,7 @@
 
 
             </button>
-            <button class="case-btn " data-index="3">
-                <span>云计算水冷服务器</span>
-                <div class="case-btn-arrow">
-                    <img src="../imgs/home/arrow2.svg" alt="h6pro">
-                </div>
-
-
-            </button>
+           
           </div>
           <div class="case-detail" id="case-detail">
             <!-- 右侧内容由JS渲染 -->
diff --git a/驭鑫/new yxsilicon/js/serviceCases.js b/驭鑫/new yxsilicon/js/serviceCases.js
index f16b63c..0a6e672 100644
--- a/驭鑫/new yxsilicon/js/serviceCases.js	
+++ b/驭鑫/new yxsilicon/js/serviceCases.js	
@@ -1,10 +1,11 @@
 // 假设放在 <script> 标签或单独 js 文件
 const caseData = [
+  
     {
       title: "运算加速器H6PRO",
       img: "../imgs/case/h6pro.png",
       sections: [
-        { label: "产品概述", content: "搭载12nm工艺的NT0010B云计算专用芯片，作为云基础设施的核心节点，提供高效的计算能力，适用于大规模数据处理、高性能计算等领域。" },
+        { label: "产品概述", content: "搭载12nm工艺的 H6PRO 云计算专用芯片，作为云基础设施的核心节点，提供高效的计算能力，适用于大规模数据处理、高性能计算等领域。" },
         // { label: "解决方案", content: "这里是H6PRO的解决方案描述..." },
         // { label: "技术亮点", content: "<ul><li>亮点1</li><li>亮点2</li></ul>" }
       ]
@@ -39,7 +40,8 @@ const caseData = [
           <li>低噪音：由于采用水冷技术，服务器噪音大幅度降低，适合用于数据中心和需要安静环境的场景。</li>
         </ul>` }
       ]
-    }
+    },
+   
   ];
   
   function renderCaseDetail(index) {
@@ -60,55 +62,105 @@ const caseData = [
   }
   
   // 初始化
+  // document.addEventListener('DOMContentLoaded', function() {
+  //   const btns = document.querySelectorAll('.case-btn');
+  //   let activeIndex = 0;
+  //   let needScroll = false;
+  
+  //   // 解析 window.name
+  //   if (window.name) {
+  //     const parts = window.name.split('|');
+  //     if (!isNaN(parts[0])) {
+  //       activeIndex = parseInt(parts[0], 10);
+  //     }
+  //     if (parts[1] === 'scroll') {
+  //       needScroll = true;
+  //     }
+  //     window.name = '';
+  //     localStorage.setItem('caseActiveIndex', activeIndex);
+  //   } else {
+  //     let savedIndex = localStorage.getItem('caseActiveIndex');
+  //     activeIndex = savedIndex !== null ? parseInt(savedIndex, 10) : 0;
+  //   }
+  
+  //   // 初始化按钮状态
+  //   btns.forEach((btn, idx) => {
+  //     if (idx === activeIndex) {
+  //       btn.classList.add('active');
+  //     } else {
+  //       btn.classList.remove('active');
+  //     }
+  //   });
+  //   renderCaseDetail(activeIndex);
+  
+  //   btns.forEach((btn, idx) => {
+  //     btn.addEventListener('click', function() {
+  //       btns.forEach(b => b.classList.remove('active'));
+  //       this.classList.add('active');
+  //       renderCaseDetail(this.dataset.index);
+  //       localStorage.setItem('caseActiveIndex', this.dataset.index);
+  //     });
+  //   });
+
+  // // 只有需要滚动时才滚动
+  // if (needScroll) {
+  //   const caseSection = document.querySelector('.case-section');
+  //   if (caseSection) {
+  //     caseSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
+  //     // 如有固定头部可加 window.scrollBy(0, -60);
+  //   }
+  // }
+
+
+
+  // });
+
   document.addEventListener('DOMContentLoaded', function() {
     const btns = document.querySelectorAll('.case-btn');
-    let activeIndex = 0;
+    let activeIndex = 3; // 默认显示云计算水冷服务器
     let needScroll = false;
-  
+
     // 解析 window.name
     if (window.name) {
-      const parts = window.name.split('|');
-      if (!isNaN(parts[0])) {
-        activeIndex = parseInt(parts[0], 10);
-      }
-      if (parts[1] === 'scroll') {
-        needScroll = true;
-      }
-      window.name = '';
-      localStorage.setItem('caseActiveIndex', activeIndex);
+        const parts = window.name.split('|');
+        if (!isNaN(parts[0])) {
+            activeIndex = parseInt(parts[0], 10);
+        }
+        if (parts[1] === 'scroll') {
+            needScroll = true;
+        }
+        window.name = '';
+        localStorage.setItem('caseActiveIndex', activeIndex);
     } else {
-      let savedIndex = localStorage.getItem('caseActiveIndex');
-      activeIndex = savedIndex !== null ? parseInt(savedIndex, 10) : 0;
+        let savedIndex = localStorage.getItem('caseActiveIndex');
+        activeIndex = savedIndex !== null ? parseInt(savedIndex, 10) : 3; // 默认值改为3
     }
-  
+
     // 初始化按钮状态
-    btns.forEach((btn, idx) => {
-      if (idx === activeIndex) {
-        btn.classList.add('active');
-      } else {
-        btn.classList.remove('active');
-      }
+    btns.forEach((btn) => {
+        if (btn.dataset.index == activeIndex) { // 使用 == 因为 dataset.index 是字符串
+            btn.classList.add('active');
+        } else {
+            btn.classList.remove('active');
+        }
     });
     renderCaseDetail(activeIndex);
-  
-    btns.forEach((btn, idx) => {
-      btn.addEventListener('click', function() {
-        btns.forEach(b => b.classList.remove('active'));
-        this.classList.add('active');
-        renderCaseDetail(this.dataset.index);
-        localStorage.setItem('caseActiveIndex', this.dataset.index);
-      });
+
+    // 按钮点击事件
+    btns.forEach((btn) => {
+        btn.addEventListener('click', function() {
+            btns.forEach(b => b.classList.remove('active'));
+            this.classList.add('active');
+            renderCaseDetail(this.dataset.index);
+            localStorage.setItem('caseActiveIndex', this.dataset.index);
+        });
     });
 
-  // 只有需要滚动时才滚动
-  if (needScroll) {
-    const caseSection = document.querySelector('.case-section');
-    if (caseSection) {
-      caseSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
-      // 如有固定头部可加 window.scrollBy(0, -60);
+    // 滚动逻辑
+    if (needScroll) {
+        const caseSection = document.querySelector('.case-section');
+        if (caseSection) {
+            caseSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
     }
-  }
-
-
-
-  });
\ No newline at end of file
+});
\ No newline at end of file