Merge branch 'dev'

This commit is contained in:
2025-11-28 14:51:46 +08:00
2 changed files with 31 additions and 44 deletions

View File

@@ -1,8 +1,5 @@
{extend name="public/base" /} {extend name="public/base" /}
{block name="style"} {block name="style"}
<link rel="stylesheet" href="__CSS__/topic_power_prodline/index.css"> <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/swiper.css">
<link rel="stylesheet" href="__CSS__/topic_power_prodline/nav.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_list.css">
<link rel="stylesheet" href="__CSS__/topic_power_prodline/product_card.css"> <link rel="stylesheet" href="__CSS__/topic_power_prodline/product_card.css">
<link rel="stylesheet" href="__CSS__/topic_power_prodline/footer.css"> <link rel="stylesheet" href="__CSS__/topic_power_prodline/footer.css">
{/block} {/block}
{block name="header"} {block name="header"}
<!-- 重置header头为空 --> <!-- 重置header头为空 -->
@@ -54,7 +50,6 @@
<h2 class="advantage-section__title">{$why_choose_title.title|default=''}</h2> <h2 class="advantage-section__title">{$why_choose_title.title|default=''}</h2>
<div class="advantage-section__list"> <div class="advantage-section__list">
{volist name="data.why_choose" id="ch"} {volist name="data.why_choose" id="ch"}
<div class="advantage-card-wrap"> <div class="advantage-card-wrap">
<div class="advantage-card" data-target="design"> <div class="advantage-card" data-target="design">
<img src="{$ch.image}" alt="{$ch.title}:{$ch.short_title}" class="advantage-card__img"> <img src="{$ch.image}" alt="{$ch.title}:{$ch.short_title}" class="advantage-card__img">
@@ -448,7 +443,6 @@
{/block} {/block}
{block name="script"} {block name="script"}
<script type="text/javascript"> <script type="text/javascript">
let swiper=null; let swiper=null;
const advantageItems = document.querySelectorAll('.advantage-card'); const advantageItems = document.querySelectorAll('.advantage-card');
let scrollTop = 0; // 保存页面滚动位置 let scrollTop = 0; // 保存页面滚动位置
@@ -542,31 +536,31 @@
// 显示蒙版并传入纯净的子内容 // 显示蒙版并传入纯净的子内容
showMask(contentHtml); showMask(contentHtml);
} }
}); });
}); });
// 关闭按钮事件 // 关闭按钮事件
closeBtn.addEventListener('click', hideMask); closeBtn.addEventListener('click', hideMask);
// 点击蒙版背景关闭(可选) // 点击蒙版背景关闭(可选)
mask.addEventListener('click', (e) => { mask.addEventListener('click', (e) => {
if (e.target === mask) hideMask(); if (e.target === mask) hideMask();
}); });
// ESC 键关闭(可选) // ESC 键关闭(可选)
document.addEventListener('keydown', (e) => { document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && mask.style.display === 'flex') hideMask(); if (e.key === 'Escape' && mask.style.display === 'flex') hideMask();
}); });
// 关键:拦截蒙版的 touchmove 事件,阻止滚动穿透(移动端核心) // 关键:拦截蒙版的 touchmove 事件,阻止滚动穿透(移动端核心)
mask.addEventListener( mask.addEventListener(
'touchmove', 'touchmove',
(e) => { (e) => {
// 只有点击蒙版背景(不是内容区域)才阻止滚动 // 只有点击蒙版背景(不是内容区域)才阻止滚动
if (e.target === mask) { if (e.target === mask) {
e.preventDefault(); // 阻止默认触摸滚动行为 e.preventDefault(); // 阻止默认触摸滚动行为
e.stopPropagation(); // 阻止事件冒泡 e.stopPropagation(); // 阻止事件冒泡
} }
}, },
{ passive: false } { passive: false }
); // passive: false 必须,否则 preventDefault 无效 ); // passive: false 必须,否则 preventDefault 无效
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
// 初始化所有视频容器 // 初始化所有视频容器
@@ -706,12 +700,12 @@
}); });
window.onload = function () { window.onload = function () {
if (typeof Swiper === 'undefined') { if (typeof Swiper === 'undefined') {
console.error('Swiper加载失败请刷新页面重试'); console.error('Swiper加载失败请刷新页面重试');
return; return;
} }
swiper = new Swiper('.auto-swiper-container', { swiper = new Swiper('.auto-swiper-container', {
autoplay: { autoplay: {
delay: 3000, // 3秒切换 delay: 3000, // 3秒切换
disableOnInteraction: false, disableOnInteraction: false,
@@ -723,7 +717,7 @@
pagination: { pagination: {
el: '.swiper-pagination', // 对应 HTML 中的指示标容器 el: '.swiper-pagination', // 对应 HTML 中的指示标容器
clickable: true, // 允许点击指示标切换 clickable: true, // 允许点击指示标切换
// dynamicBullets: true, // 动态指示标(当前激活放大) // dynamicBullets: true, // 动态指示标(当前激活放大)
//dynamicMainBullets: 3, // 动态模式显示3个核心指示标 //dynamicMainBullets: 3, // 动态模式显示3个核心指示标
}, },
navigation: false, navigation: false,
@@ -735,15 +729,12 @@
}, },
}); });
window.addEventListener('resize', function () { window.addEventListener('resize', function () {
swiper.update(); swiper.update();
}); });
// 初始化时触发滚动事件,确保状态正确 // 初始化时触发滚动事件,确保状态正确
window.dispatchEvent(new Event('scroll')); window.dispatchEvent(new Event('scroll'));
}; };
</script> </script>
{/block} {/block}

View File

@@ -16,7 +16,7 @@
{block name="main"} {block name="main"}
<a class="header" href="/"> <a class="header" href="/">
<div class="header-img"> <div class="header-img">
<!-- <img src="__IMAGES__/logo.png" alt=""> --> <img src="__IMAGES__/logo.png" alt="">
</div> </div>
</a> </a>
<!-- 轮播核心容器 --> <!-- 轮播核心容器 -->
@@ -364,7 +364,6 @@
{/block} {/block}
{block name="script"} {block name="script"}
<script type="text/javascript"> <script type="text/javascript">
let swiper=null; let swiper=null;
const advantageItems = document.querySelectorAll('.advantage-card'); const advantageItems = document.querySelectorAll('.advantage-card');
let scrollTop = 0; // 保存页面滚动位置 let scrollTop = 0; // 保存页面滚动位置
@@ -579,8 +578,5 @@
// 初始化时触发滚动事件,确保状态正确 // 初始化时触发滚动事件,确保状态正确
window.dispatchEvent(new Event('scroll')); window.dispatchEvent(new Event('scroll'));
}; };
</script> </script>
{/block} {/block}