From d222a6e99319ed0b8d3664d06ac27f1cd944cb91 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Tue, 25 Nov 2025 15:55:29 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4=E8=A7=A3=E5=86=B3=E6=96=B9?=
 =?UTF-8?q?=E6=A1=88=E5=B9=BB=E7=81=AF=E7=89=87=E7=9A=84=E6=92=AD=E6=94=BE?=
 =?UTF-8?q?=E8=BF=9B=E5=BA=A6=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 删除 HTML 中的进度条元素
- 移除 CSS 中进度条相关样式
- 简化 JavaScript 代码，移除进度条更新逻辑
- 保留自动播放和按钮切换功能

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 css/index.css | 18 ------------------
 index.html    |  5 -----
 js/index.js   | 29 -----------------------------
 3 files changed, 52 deletions(-)

diff --git a/css/index.css b/css/index.css
index 86cc111..d4d219f 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2846,24 +2846,6 @@ html {
   opacity: 1;
 }
 
-/* 进度指示器 */
-.solution-progress {
-  margin-top: 40px;
-  height: 4px;
-  background: rgba(148, 163, 184, 0.2);
-  border-radius: 2px;
-  overflow: hidden;
-  position: relative;
-}
-
-.progress-bar {
-  height: 100%;
-  width: 0;
-  background: linear-gradient(90deg, #38BDF8 0%, #6366F1 100%);
-  border-radius: 2px;
-  transition: width 0.1s linear;
-}
-
 /* 响应式设计 */
 @media (max-width: 1199px) {
   .solution-content {
diff --git a/index.html b/index.html
index 2c2e70a..5d3ba22 100644
--- a/index.html
+++ b/index.html
@@ -421,11 +421,6 @@
             </div>
           </div>
         </div>
-
-        <!-- 进度指示器 -->
-        <div class="solution-progress">
-          <div class="progress-bar"></div>
-        </div>
       </div>
     </div>
 
diff --git a/js/index.js b/js/index.js
index ca4c904..e95dce0 100644
--- a/js/index.js
+++ b/js/index.js
@@ -266,13 +266,10 @@ $(function () {
   (function () {
     const $tabs = $('.solution-tab');
     const $slides = $('.solution-slide');
-    const $progressBar = $('.progress-bar');
     const totalSlides = $slides.length;
     let currentIndex = 0;
     let autoPlayTimer = null;
-    let progressTimer = null;
     const autoPlayDuration = 3000; // 3秒自动切换
-    const progressInterval = 100; // 进度条更新间隔
 
     // 切换到指定幻灯片
     function switchSlide(index) {
@@ -287,9 +284,6 @@ $(function () {
       $tabs.eq(index).addClass('active');
 
       currentIndex = index;
-
-      // 重置进度条
-      resetProgress();
     }
 
     // 切换到下一张
@@ -298,28 +292,9 @@ $(function () {
       switchSlide(nextIndex);
     }
 
-    // 重置进度条
-    function resetProgress() {
-      $progressBar.css('width', '0%');
-      clearInterval(progressTimer);
-
-      let progress = 0;
-      const step = (progressInterval / autoPlayDuration) * 100;
-
-      progressTimer = setInterval(function () {
-        progress += step;
-        if (progress >= 100) {
-          progress = 100;
-          clearInterval(progressTimer);
-        }
-        $progressBar.css('width', progress + '%');
-      }, progressInterval);
-    }
-
     // 启动自动播放
     function startAutoPlay() {
       stopAutoPlay();
-      resetProgress();
       autoPlayTimer = setInterval(nextSlide, autoPlayDuration);
     }
 
@@ -329,10 +304,6 @@ $(function () {
         clearInterval(autoPlayTimer);
         autoPlayTimer = null;
       }
-      if (progressTimer) {
-        clearInterval(progressTimer);
-        progressTimer = null;
-      }
     }
 
     // 按钮点击事件