From 39cd6137b396d522b8fdd4199ec6f60cb4bf2c95 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Fri, 28 Nov 2025 14:51:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=B8=93=E9=A2=98=20-=20=E7=94=B5?=
 =?UTF-8?q?=E5=8A=9B=E5=93=81=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mobile/topic_power_prodline/index.html    | 69 ++++++++-----------
 .../view/pc/topic_power_prodline/index.html   |  6 +-
 2 files changed, 31 insertions(+), 44 deletions(-)

diff --git a/app/index/view/mobile/topic_power_prodline/index.html b/app/index/view/mobile/topic_power_prodline/index.html
index 32876a3b..755bdfb0 100644
--- a/app/index/view/mobile/topic_power_prodline/index.html
+++ b/app/index/view/mobile/topic_power_prodline/index.html
@@ -1,8 +1,5 @@
 {extend name="public/base" /}
 {block name="style"}
-
-
-
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/index.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/swiper.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/nav.css">
@@ -12,7 +9,6 @@
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/product_list.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/product_card.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/footer.css">
-
 {/block}
 {block name="header"}
 <!-- 重置header头为空 -->
@@ -54,7 +50,6 @@
     <h2 class="advantage-section__title">{$why_choose_title.title|default=''}</h2>
     <div class="advantage-section__list">
         {volist name="data.why_choose" id="ch"}
-        
         <div class="advantage-card-wrap">
             <div class="advantage-card" data-target="design">
                 <img src="{$ch.image}" alt="{$ch.title}:{$ch.short_title}" class="advantage-card__img">
@@ -448,7 +443,6 @@
 {/block}
 {block name="script"}
 <script type="text/javascript">
-
     let swiper=null;
     const advantageItems = document.querySelectorAll('.advantage-card');
     let scrollTop = 0; // 保存页面滚动位置
@@ -469,13 +463,13 @@
         if (closeBtnHtml) {
             closeBtnHtml.remove();
         }
-    
+
         closeBtnHtml = document.createElement('span');
         closeBtnHtml.className = 'close-btn';
         closeBtnHtml.innerHTML = '&times;';
-    
+
         closeBtnHtml.addEventListener('click', hideMask);
-    
+
         // 挂载到 maskContent（而非 scrollContent），避免被滚动影响位置
         maskContent.prepend(closeBtnHtml);
     }
@@ -542,31 +536,31 @@
                 // 显示蒙版并传入纯净的子内容
                 showMask(contentHtml);
             } 
-         });
+            });
     });
     // 关闭按钮事件
     closeBtn.addEventListener('click', hideMask);
     // 点击蒙版背景关闭（可选）
     mask.addEventListener('click', (e) => {
-    	if (e.target === mask) hideMask();
+        if (e.target === mask) hideMask();
     });
 
     // ESC 键关闭（可选）
     document.addEventListener('keydown', (e) => {
-    	if (e.key === 'Escape' && mask.style.display === 'flex') hideMask();
+        if (e.key === 'Escape' && mask.style.display === 'flex') hideMask();
     });
-    
+
     // 关键：拦截蒙版的 touchmove 事件，阻止滚动穿透（移动端核心）
     mask.addEventListener(
-    	'touchmove',
-    	(e) => {
-    		// 只有点击蒙版背景（不是内容区域）才阻止滚动
-    		if (e.target === mask) {
-    			e.preventDefault(); // 阻止默认触摸滚动行为
-    			e.stopPropagation(); // 阻止事件冒泡
-    		}
-    	},
-    	{ passive: false }
+        'touchmove',
+        (e) => {
+            // 只有点击蒙版背景（不是内容区域）才阻止滚动
+            if (e.target === mask) {
+                e.preventDefault(); // 阻止默认触摸滚动行为
+                e.stopPropagation(); // 阻止事件冒泡
+            }
+        },
+        { passive: false }
     ); // passive: false 必须，否则 preventDefault 无效
     document.addEventListener('DOMContentLoaded', () => {
             // 初始化所有视频容器
@@ -706,12 +700,12 @@
     });
 
     window.onload = function () {
-    	if (typeof Swiper === 'undefined') {
-    		console.error('Swiper加载失败，请刷新页面重试');
-    		return;
-    	}
-    
-    	swiper = new Swiper('.auto-swiper-container', {
+        if (typeof Swiper === 'undefined') {
+            console.error('Swiper加载失败，请刷新页面重试');
+            return;
+        }
+
+        swiper = new Swiper('.auto-swiper-container', {
             autoplay: {
                 delay: 3000, // 3秒切换
                 disableOnInteraction: false,
@@ -723,7 +717,7 @@
             pagination: {
                 el: '.swiper-pagination', // 对应 HTML 中的指示标容器
                 clickable: true, // 允许点击指示标切换
-               // dynamicBullets: true, // 动态指示标（当前激活放大）
+                // dynamicBullets: true, // 动态指示标（当前激活放大）
                 //dynamicMainBullets: 3, // 动态模式显示3个核心指示标
             },
             navigation: false,
@@ -734,16 +728,13 @@
                 },
             },
         });
-    
-    	window.addEventListener('resize', function () {
-    		swiper.update();
-    	});
-    
-    	// 初始化时触发滚动事件，确保状态正确
-    	window.dispatchEvent(new Event('scroll'));
-    };
 
-    
-    
+        window.addEventListener('resize', function () {
+            swiper.update();
+        });
+
+        // 初始化时触发滚动事件，确保状态正确
+        window.dispatchEvent(new Event('scroll'));
+    };
 </script>
 {/block}
diff --git a/app/index/view/pc/topic_power_prodline/index.html b/app/index/view/pc/topic_power_prodline/index.html
index 9c832509..9a5ec29d 100644
--- a/app/index/view/pc/topic_power_prodline/index.html
+++ b/app/index/view/pc/topic_power_prodline/index.html
@@ -16,7 +16,7 @@
 {block name="main"}
 <a class="header" href="/">
     <div class="header-img">
-        <!-- <img src="__IMAGES__/logo.png" alt=""> -->
+        <img src="__IMAGES__/logo.png" alt="">
     </div>
 </a>
 <!-- 轮播核心容器 -->
@@ -364,7 +364,6 @@
 {/block}
 {block name="script"}
 <script type="text/javascript">
-
     let swiper=null;
     const advantageItems = document.querySelectorAll('.advantage-card');
     let scrollTop = 0; // 保存页面滚动位置
@@ -579,8 +578,5 @@
     	// 初始化时触发滚动事件，确保状态正确
     	window.dispatchEvent(new Event('scroll'));
     };
-
-    
-    
 </script>
 {/block}