Merge branch 'dev'
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user