refactor: 专题 - 电力品线

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; // 保存页面滚动位置
@@ -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;
-    	}
+        if (typeof Swiper === 'undefined') {
+            console.error('Swiper加载失败，请刷新页面重试');
+            return;
+        }
 
-    	swiper = new Swiper('.auto-swiper-container', {
+        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,
@@ -735,15 +729,12 @@
             },
         });
 
-    	window.addEventListener('resize', function () {
-    		swiper.update();
-    	});
+        window.addEventListener('resize', function () {
+            swiper.update();
+        });
 
-    	// 初始化时触发滚动事件，确保状态正确
-    	window.dispatchEvent(new Event('scroll'));
+        // 初始化时触发滚动事件，确保状态正确
+        window.dispatchEvent(new Event('scroll'));
     };
-
-    
-    
 </script>
 {/block}

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}