diff --git a/用户端APP/福利专区.html b/用户端APP/福利专区.html index 08e3dcf..5d63878 100644 --- a/用户端APP/福利专区.html +++ b/用户端APP/福利专区.html @@ -129,6 +129,56 @@ display: block; } + /* 积分专区tabs */ + .points-tabs { + display: flex; + justify-content: center; + gap: 20px; + margin-bottom: 20px; + background: white; + border-radius: 15px; + padding: 5px; + } + + .points-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; + } + + .points-tab.active { + background: #ff6b35; + color: white; + } + + .points-tab:not(.active) { + color: #666; + } + + /* 积分内容区域 */ + .points-content { + display: none; + } + + .points-content.active { + display: block; + } + + /* 下拉提示 */ + .load-more-tip { + text-align: center; + color: #999; + font-size: 12px; + margin-top: 20px; + padding: 10px; + opacity: 0.7; + } + /* 积分专区样式 */ .points-section { background: white; @@ -566,6 +616,68 @@ justify-content: center; font-size: 18px; } + + /* 悬浮购物车图标 */ + .floating-cart { + position: fixed; + bottom: 90px; + right: 20px; + width: 60px; + height: 60px; + background: #ff6b35; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 28px; + color: white; + box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4); + cursor: pointer; + z-index: 1000; + transition: all 0.3s ease; + } + + .floating-cart:hover { + transform: scale(1.1); + box-shadow: 0 6px 20px rgba(255, 107, 53, 0.6); + } + + .floating-cart.bounce { + animation: bounce 0.6s ease; + } + + .cart-badge { + position: absolute; + top: -5px; + right: -5px; + background: #ff4444; + color: white; + width: 24px; + height: 24px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 12px; + font-weight: bold; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + } + + .cart-badge.hidden { + display: none; + } + + @keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + transform: translateY(0); + } + 40% { + transform: translateY(-10px); + } + 60% { + transform: translateY(-5px); + } + } @@ -598,12 +710,14 @@
- -
-
-
积分换购
-
查看更多 >
-
+ +
+
积分换购
+
积分优惠购
+
+ + +
🥛
@@ -611,7 +725,7 @@
500积分
原价 ¥8
华清市场/华清超市
- +
🍎
@@ -619,7 +733,7 @@
800积分
原价 ¥12
新鲜市场/新鲜果园
- +
🥖
@@ -627,7 +741,7 @@
600积分
原价 ¥10
烘焙市场/烘焙坊
- +
🍵
@@ -635,17 +749,14 @@
1200积分
原价 ¥25
茶叶市场/茶叶专营店
- +
+
下滑展示更多
- -
-
-
积分优惠购
-
查看更多 >
-
+ +
🥩
@@ -653,7 +764,7 @@
300积分+¥45
原价 ¥68
华清市场/华清肉店
- +
🍯
@@ -661,7 +772,7 @@
200积分+¥35
原价 ¥48
农家市场/农家特产
- +
🧀
@@ -669,7 +780,7 @@
500积分+¥25
原价 ¥45
进口市场/进口食品店
- +
🍫
@@ -677,9 +788,10 @@
400积分+¥18
原价 ¥32
甜品市场/甜品屋
- +
+
下滑展示更多
@@ -937,6 +1049,12 @@
+ +
+ + 🛒 +
+ - \ No newline at end of file +