From 8ee3ab19b6f52f0eacb12fa427e3f5f68e7961a4 Mon Sep 17 00:00:00 2001 From: linbin <495561397@qq.com> Date: Tue, 19 Aug 2025 00:59:37 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E7=A7=AF=E5=88=86=E5=95=86=E5=9F=8E):=20?= =?UTF-8?q?=E9=87=8D=E6=9E=84=E7=A7=AF=E5=88=86=E5=95=86=E5=9F=8E=E5=8A=9F?= =?UTF-8?q?=E8=83=BD=EF=BC=8C=E5=A2=9E=E5=8A=A0=E7=A7=AF=E5=88=86=E4=BC=98?= =?UTF-8?q?=E6=83=A0=E5=92=8C=E5=8F=8C=E5=80=8D=E7=A7=AF=E5=88=86=E6=A8=A1?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 商家端APP和Web的积分商城功能重构,提供更灵活的积分营销方式。 - 商家端APP积分商城页面增加Tab切换,用于区分管理“积分优惠”和“双倍积分”商品。 - 优化了商家端APP积分商城页面的UI和交互,包括商品启用开关、编辑和添加逻辑。 - 修复了商家端Web积分商城页面表格中多余的复选框。 - 更新了相关的原型设计文件。 --- .../1.1 会员管理/1.1.3 积分商城/积分商城.html | 557 ++++++++++++++---- .../2.1.1 会员功能/积分商城/积分商城.html | 33 -- 大妈集市.rp | Bin 8006661 -> 7982822 bytes 3 files changed, 439 insertions(+), 151 deletions(-) diff --git a/商家端APP/1 工作台/1.1 会员管理/1.1.3 积分商城/积分商城.html b/商家端APP/1 工作台/1.1 会员管理/1.1.3 积分商城/积分商城.html index 359d994..c9684f8 100644 --- a/商家端APP/1 工作台/1.1 会员管理/1.1.3 积分商城/积分商城.html +++ b/商家端APP/1 工作台/1.1 会员管理/1.1.3 积分商城/积分商城.html @@ -23,6 +23,54 @@ padding: 0 16px; } + .tabs { + background: #fff; + margin: 12px 0; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0,0,0,0.1); + overflow: hidden; + } + + .tab-buttons { + display: flex; + background: #f8f9fa; + } + + .tab-button { + flex: 1; + padding: 16px; + background: none; + border: none; + font-size: 16px; + color: #666; + cursor: pointer; + transition: all 0.3s ease; + position: relative; + } + + .tab-button.active { + color: #007AFF; + background: #fff; + } + + .tab-button.active::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 3px; + background: #007AFF; + } + + .tab-content { + display: none; + } + + .tab-content.active { + display: block; + } + .header { background: #fff; padding: 16px 0; @@ -149,6 +197,51 @@ transform: scale(0.95); } + .switch { + position: relative; + display: inline-block; + width: 50px; + height: 28px; + } + + .switch input { + opacity: 0; + width: 0; + height: 0; + } + + .slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + transition: .4s; + border-radius: 28px; + } + + .slider:before { + position: absolute; + content: ""; + height: 22px; + width: 22px; + left: 3px; + bottom: 3px; + background-color: white; + transition: .4s; + border-radius: 50%; + } + + input:checked + .slider { + background-color: #007AFF; + } + + input:checked + .slider:before { + transform: translateX(22px); + } + .product-list { margin-bottom: 80px; } @@ -174,10 +267,6 @@ font-weight: 600; } - .product-checkbox { - width: 20px; - height: 20px; - } .product-name { font-size: 16px; @@ -311,37 +400,87 @@