diff --git a/用户端APP/福利专区.html b/用户端APP/福利专区.html index cf875fa..c9a0423 100644 --- a/用户端APP/福利专区.html +++ b/用户端APP/福利专区.html @@ -298,6 +298,47 @@ font-size: 12px; } + /* 秒杀时间段tabs */ + .seckill-tabs { + display: flex; + justify-content: center; + gap: 20px; + margin-bottom: 20px; + background: white; + border-radius: 15px; + padding: 5px; + } + + .seckill-tab { + flex: 1; + text-align: center; + padding: 12px 0; + border-radius: 10px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + transition: all 0.3s ease; + position: relative; + } + + .seckill-tab.active { + background: #ff4444; + color: white; + } + + .seckill-tab:not(.active) { + color: #999; + } + + /* 秒杀时间段内容 */ + .seckill-content { + display: none; + } + + .seckill-content.active { + display: block; + } + /* 秒杀商品 */ .seckill-item { background: #fff5f5; @@ -797,100 +838,291 @@
-
-
-
今日秒杀
-
距离结束 02:15:30
-
- - -
-
限时秒杀
-
-
🍓
-
-
新鲜草莓 约500g
-
规格：500g/份
-
四季水果店(春申菜市场)
-
-
-
¥9.9
-
原价 ¥28
-
-
6.5折
-
-
-
-
-
-
-
已抢75件 剩余25件
-
-
开始时间：10:00
-
结束时间：12:00
-
总数量：100件
-
- -
+ +
+
10:00-12:00
+
14:00-16:00
+
16:00-18:00
+
20:00-22:00
+
- -
-
限时秒杀
-
-
🥩
-
-
精品牛排 200g
-
规格：200g/份
-
华清肉店(全季菜市场)
-
-
-
¥29.9
-
原价 ¥68
+ +
+
+
+
10:00-12:00 秒杀专场
+
距离结束 01:25:30
+
+ + +
+
正在秒杀
+
+
🍓
+
+
新鲜草莓 约500g
+
规格：500g/份
+
四季水果店(春申菜市场)
+
+
+
¥9.9
+
原价 ¥28
+
+
3.5折
-
4.4折
+
+
+
+
已抢75件 剩余25件
+
+
开始时间：10:00
+
结束时间：12:00
+
总数量：100件
+
+
-
-
-
-
已抢45件 剩余5件
-
-
开始时间：14:00
-
结束时间：16:00
-
总数量：50件
-
- -
- -
-
限时秒杀
-
-
🍯
-
-
天然百花蜜 500g
-
规格：500g/瓶
-
农家特产店(华径菜场)
-
-
-
¥19.9
-
原价 ¥48
+ +
+
正在秒杀
+
+
🥑
+
+
新鲜牛油果 2个装
+
规格：2个/份
+
精品果园(华径菜场)
+
+
+
¥12.9
+
原价 ¥32
+
+
4.0折
-
4.1折
+
+
+
+
已抢30件 剩余20件
+
+
开始时间：10:00
+
结束时间：12:00
+
总数量：50件
+
+
-
-
+
+
+ + +
+
+
+
14:00-16:00 秒杀专场
+
即将开始 03:25:30
-
已抢30件 剩余20件
-
-
开始时间：16:00
-
结束时间：18:00
-
总数量：50件
+ + +
+
即将开抢
+
+
🥩
+
+
精品牛排 200g
+
规格：200g/份
+
华清肉店(全季菜市场)
+
+
+
¥29.9
+
原价 ¥68
+
+
4.4折
+
+
+
+
+
+
+
总数量：50件
+
+
开始时间：14:00
+
结束时间：16:00
+
总数量：50件
+
+ +
+ + +
+
即将开抢
+
+
🐟
+
+
挪威三文鱼 300g
+
规格：300g/份
+
海鲜专营店(华径菜场)
+
+
+
¥39.9
+
原价 ¥89
+
+
4.5折
+
+
+
+
+
+
+
总数量：30件
+
+
开始时间：14:00
+
结束时间：16:00
+
总数量：30件
+
+ +
+
+
+ + +
+
+
+
16:00-18:00 秒杀专场
+
即将开始 05:25:30
+
+ + +
+
即将开抢
+
+
🍯
+
+
天然百花蜜 500g
+
规格：500g/瓶
+
农家特产店(华径菜场)
+
+
+
¥19.9
+
原价 ¥48
+
+
4.1折
+
+
+
+
+
+
+
总数量：40件
+
+
开始时间：16:00
+
结束时间：18:00
+
总数量：40件
+
+ +
+ + +
+
即将开抢
+
+
🥜
+
+
精选芹菜 500g
+
规格：500g/份
+
新鲜蔬菜店(春申菜市场)
+
+
+
¥5.9
+
原价 ¥12
+
+
4.9折
+
+
+
+
+
+
+
总数量：80件
+
+
开始时间：16:00
+
结束时间：18:00
+
总数量：80件
+
+ +
+
+
+ + +
+
+
+
20:00-22:00 秒杀专场
+
即将开始 09:25:30
+
+ + +
+
即将开抢
+
+
🧈
+
+
进口黄油 200g
+
规格：200g/块
+
进口食品店(全季菜市场)
+
+
+
¥15.9
+
原价 ¥35
+
+
4.5折
+
+
+
+
+
+
+
总数量：60件
+
+
开始时间：20:00
+
结束时间：22:00
+
总数量：60件
+
+ +
+ + +
+
即将开抢
+
+
🍇
+
+
新疆葡萄 1kg
+
规格：1kg/份
+
精品果园(华径菜场)
+
+
+
¥22.9
+
原价 ¥45
+
+
5.1折
+
+
+
+
+
+
+
总数量：70件
+
+
开始时间：20:00
+
结束时间：22:00
+
总数量：70件
+
+
-
@@ -1109,6 +1341,27 @@ event.target.classList.add('active'); } + // 秒杀时间段tab切换功能 + function switchSeckillTab(tabName) { + // 隐藏所有秒杀内容 + const contents = document.querySelectorAll('.seckill-content'); + contents.forEach(content => { + content.classList.remove('active'); + }); + + // 移除所有秒杀标签的激活状态 + const tabs = document.querySelectorAll('.seckill-tab'); + tabs.forEach(tab => { + tab.classList.remove('active'); + }); + + // 显示选中的秒杀内容 + document.getElementById(tabName).classList.add('active'); + + // 激活选中的秒杀标签 + event.target.classList.add('active'); + } + // 页面跳转功能 function goToPage(page) { switch(page) {