综述: 优化福利专区积分购物车功能

- 修复积分购物车在页面切换时的显示逻辑,只在积分专区显示购物车悬浮按钮
- 新增页面加载时的初始化逻辑,确保积分购物车正确显示状态
- 移除重复的购物车计数器变量声明,优化代码结构
- 提升用户体验,避免在其他页面显示不相关的购物车功能
This commit is contained in:
linbin 2025-08-25 02:33:00 +08:00
parent 1264aa6d46
commit 398f815a18
1 changed files with 17 additions and 2 deletions

View File

@ -1056,6 +1056,9 @@
</div> </div>
<script> <script>
// 积分购物车功能
let pointsCartCount = 0;
// 页面切换功能 // 页面切换功能
function switchTab(tabName) { function switchTab(tabName) {
// 隐藏所有内容 // 隐藏所有内容
@ -1075,6 +1078,14 @@
// 激活选中的标签 // 激活选中的标签
event.target.classList.add('active'); event.target.classList.add('active');
// 只在积分专区显示购物车
const floatingCart = document.getElementById('floatingCart');
if (tabName === 'points') {
floatingCart.style.display = 'flex';
} else {
floatingCart.style.display = 'none';
}
} }
// 积分专区tab切换功能 // 积分专区tab切换功能
@ -1121,8 +1132,12 @@
window.location.href = '电商首页.html'; window.location.href = '电商首页.html';
}); });
// 积分购物车功能 // 页面加载时初始化积分购物车显示状态
let pointsCartCount = 0; document.addEventListener('DOMContentLoaded', function() {
// 页面加载时默认在积分专区,显示购物车
const floatingCart = document.getElementById('floatingCart');
floatingCart.style.display = 'flex';
});
function addToPointsCart(button) { function addToPointsCart(button) {
// 获取商品名称 // 获取商品名称