From 521a1f27e4a2854b380a5ab09e84d8c2d2ddcada Mon Sep 17 00:00:00 2001 From: linbin <495561397@qq.com> Date: Mon, 25 Aug 2025 03:01:20 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=BC=E8=BF=B0:=20=E4=BC=98=E5=8C=96?= =?UTF-8?q?=E7=A7=92=E6=9D=80=E4=B8=93=E5=8C=BA=E5=8A=9F=E8=83=BD=EF=BC=8C?= =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=97=B6=E9=97=B4=E6=AE=B5=E5=88=86=E7=B1=BB?= =?UTF-8?q?=E7=AE=A1=E7=90=86=20-=20=E6=96=B0=E5=A2=9E=E7=A7=92=E6=9D=80?= =?UTF-8?q?=E6=97=B6=E9=97=B4=E6=AE=B5=E6=A0=87=E7=AD=BE=E9=A1=B5=E5=8A=9F?= =?UTF-8?q?=E8=83=BD=EF=BC=8C=E6=94=AF=E6=8C=81=E5=9B=9B=E4=B8=AA=E6=97=B6?= =?UTF-8?q?=E9=97=B4=E6=AE=B5=EF=BC=8810:00-12:00,=2014:00-16:00,=2016:00-?= =?UTF-8?q?18:00,=2020:00-22:00=EF=BC=89=E7=9A=84=E5=88=87=E6=8D=A2?= =?UTF-8?q?=E5=B1=95=E7=A4=BA=20-=20=E9=87=8D=E6=9E=84=E7=A7=92=E6=9D=80?= =?UTF-8?q?=E5=95=86=E5=93=81=E5=B1=95=E7=A4=BA=E7=BB=93=E6=9E=84=EF=BC=8C?= =?UTF-8?q?=E4=B8=BA=E6=AF=8F=E4=B8=AA=E6=97=B6=E9=97=B4=E6=AE=B5=E9=85=8D?= =?UTF-8?q?=E7=BD=AE=E7=8B=AC=E7=AB=8B=E7=9A=84=E5=95=86=E5=93=81=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E5=92=8C=E7=8A=B6=E6=80=81=E7=AE=A1=E7=90=86=20-=20?= =?UTF-8?q?=E4=B8=B0=E5=AF=8C=E5=95=86=E5=93=81=E7=A7=8D=E7=B1=BB=EF=BC=8C?= =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=89=9B=E6=B2=B9=E6=9E=9C=E3=80=81=E4=B8=89?= =?UTF-8?q?=E6=96=87=E9=B1=BC=E3=80=81=E8=9C=82=E8=9C=9C=E3=80=81=E8=8A=B9?= =?UTF-8?q?=E8=8F=9C=E3=80=81=E9=BB=84=E6=B2=B9=E3=80=81=E8=91=A1=E8=90=84?= =?UTF-8?q?=E7=AD=89=E5=A4=9A=E7=A7=8D=E7=A7=92=E6=9D=80=E5=95=86=E5=93=81?= =?UTF-8?q?=20-=20=E5=A2=9E=E5=BC=BA=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C?= =?UTF-8?q?=EF=BC=8C=E6=94=AF=E6=8C=81=E4=B8=8D=E5=90=8C=E6=97=B6=E9=97=B4?= =?UTF-8?q?=E6=AE=B5=E7=9A=84=E7=A7=92=E6=9D=80=E5=95=86=E5=93=81=E6=B5=8F?= =?UTF-8?q?=E8=A7=88=E5=92=8C=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 用户端APP/福利专区.html | 417 ++++++++++++++++++++++++++++++++-------- 1 file changed, 335 insertions(+), 82 deletions(-) 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) {