diff --git a/大妈集市.rp b/大妈集市.rp index 36a25b4..a6ae153 100644 Binary files a/大妈集市.rp and b/大妈集市.rp differ diff --git a/用户端APP/首页.html b/用户端APP/1 用户端首页.html similarity index 99% rename from 用户端APP/首页.html rename to 用户端APP/1 用户端首页.html index 7beb012..e139e3d 100644 --- a/用户端APP/首页.html +++ b/用户端APP/1 用户端首页.html @@ -888,9 +888,6 @@ - -
🎤
-
+
diff --git a/用户端APP/福利专区.html b/用户端APP/福利专区.html index c9a0423..170a0fb 100644 --- a/用户端APP/福利专区.html +++ b/用户端APP/福利专区.html @@ -298,12 +298,52 @@ font-size: 12px; } + /* 秒杀时间段tabs容器 */ + .seckill-tabs-container { + display: flex; + align-items: center; + gap: 15px; + margin-bottom: 20px; + } + + /* 刷新按钮样式 */ + .refresh-btn { + display: flex; + flex-direction: column; + align-items: center; + background: #ff4444; + color: white; + border: none; + border-radius: 12px; + padding: 10px; + font-size: 10px; + cursor: pointer; + transition: all 0.3s ease; + min-width: 50px; + box-shadow: 0 2px 4px rgba(255, 68, 68, 0.3); + } + + .refresh-btn:hover { + background: #e63939; + transform: translateY(-1px); + box-shadow: 0 4px 8px rgba(255, 68, 68, 0.4); + } + + .refresh-btn:active { + transform: translateY(0); + } + + .refresh-btn span:first-child { + font-size: 18px; + margin-bottom: 2px; + } + /* 秒杀时间段tabs */ .seckill-tabs { display: flex; justify-content: center; + flex: 1; gap: 20px; - margin-bottom: 20px; background: white; border-radius: 15px; padding: 5px; @@ -839,11 +879,17 @@
-
-
10:00-12:00
-
14:00-16:00
-
16:00-18:00
-
20:00-22:00
+
+ +
+
10:00-12:00
+
14:00-16:00
+
16:00-18:00
+
20:00-22:00
+
@@ -1473,12 +1519,64 @@ }); }); - // 预定按钮 - document.querySelectorAll('.reservation-btn').forEach(btn => { - btn.addEventListener('click', function() { - alert('跳转到预定确认页'); - }); - }); + // 秒杀刷新功能 + function refreshSeckill() { + const refreshBtn = document.querySelector('.refresh-btn'); + const refreshIcon = refreshBtn.querySelector('span:first-child'); + + // 添加旋转动画 + refreshIcon.style.transition = 'transform 1s ease-in-out'; + refreshIcon.style.transform = 'rotate(360deg)'; + + // 模拟刷新数据 + refreshBtn.disabled = true; + refreshBtn.style.opacity = '0.7'; + + setTimeout(() => { + // 重置按钮状态 + refreshBtn.disabled = false; + refreshBtn.style.opacity = '1'; + refreshIcon.style.transform = 'rotate(0deg)'; + + // 显示刷新完成提示 + showRefreshSuccess(); + }, 1000); + } + + function showRefreshSuccess() { + // 创建临时提示元素 + const toast = document.createElement('div'); + toast.style.cssText = ` + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background: rgba(0, 0, 0, 0.8); + color: white; + padding: 12px 24px; + border-radius: 25px; + font-size: 14px; + z-index: 2000; + opacity: 0; + transition: opacity 0.3s ease; + `; + toast.textContent = '秒杀数据已刷新'; + + document.body.appendChild(toast); + + // 显示提示 + setTimeout(() => { + toast.style.opacity = '1'; + }, 100); + + // 2秒后移除提示 + setTimeout(() => { + toast.style.opacity = '0'; + setTimeout(() => { + document.body.removeChild(toast); + }, 300); + }, 2000); + }