From 89f8d12c3e89d071176c02ca99ba61da269e3114 Mon Sep 17 00:00:00 2001 From: Pine Date: Thu, 27 Aug 2026 16:43:09 +0800 Subject: [PATCH] =?UTF-8?q?style(=E9=85=8D=E8=89=B2):=20=E5=B0=8F=E7=A8=8B?= =?UTF-8?q?=E5=BA=8F=E9=A6=96=E9=A1=B5/=E6=B4=BB=E5=8A=A8/=E8=AF=A6?= =?UTF-8?q?=E6=83=85=E7=AD=89=E6=AE=8B=E4=BD=99=E6=B7=B1=E8=89=B2=E5=8D=A1?= =?UTF-8?q?=E7=89=87=E7=BB=9F=E4=B8=80=E4=B8=BA=20Soft=20UI=20=E6=9F=94?= =?UTF-8?q?=E5=BD=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 首页:调研卡片(.mk-assess)、热推产品卡(.mk-product.hot)、标签(.mk-tag.alt)、倒计时(.mk-count) 由深色改为柔彩渐底/软白 - 活动详情:无图封面占位(.ed-img.placeholder) 由深紫渐底改柔彩,标签改软白 - 保持 3.35:1 封面与柔彩颗粒语言一致 --- miniprogram/src/pages/event-detail/index.scss | 6 ++--- miniprogram/src/pages/index/index.scss | 26 ++++++++++--------- 2 files changed, 17 insertions(+), 15 deletions(-) diff --git a/miniprogram/src/pages/event-detail/index.scss b/miniprogram/src/pages/event-detail/index.scss index a84d121..f48b87f 100644 --- a/miniprogram/src/pages/event-detail/index.scss +++ b/miniprogram/src/pages/event-detail/index.scss @@ -9,11 +9,11 @@ display: flex; flex-direction: column; justify-content: flex-end; gap: 14rpx; padding: 44rpx; box-sizing: border-box; - background: linear-gradient(135deg, #1b2a5e 0%, #241b4a 55%, #3a1e5e 100%); + background: linear-gradient(150deg, #dbe7ff 0%, #e6dcff 55%, #f3e3ff 100%); } .ed-img-tag { - align-self: flex-start; font-size: 24rpx; font-weight: 700; color: #23315c; - background: rgba(255, 255, 255, 0.18); border: 1rpx solid rgba(255, 255, 255, 0.3); + align-self: flex-start; font-size: 24rpx; font-weight: 700; color: #6284ff; + background: rgba(255, 255, 255, 0.88); border: 1rpx solid rgba(99, 132, 255, 0.18); border-radius: 999px; padding: 6rpx 22rpx; } .ed-img-title { font-size: 44rpx; font-weight: 800; color: #23315c; line-height: 1.3; } diff --git a/miniprogram/src/pages/index/index.scss b/miniprogram/src/pages/index/index.scss index 16a24e3..a25cee8 100644 --- a/miniprogram/src/pages/index/index.scss +++ b/miniprogram/src/pages/index/index.scss @@ -245,9 +245,9 @@ } .mk-product.hot { - border-color: rgba(255, 255, 255, 0.55); - box-shadow: 0 0 0 1rpx #fff; - background: #111113; + border: 1rpx solid rgba(99, 132, 255, 0.18); + box-shadow: 0 10rpx 30rpx rgba(98, 132, 255, 0.14); + background: linear-gradient(150deg, #eaf0ff 0%, #f2e9ff 52%, #e9f5fb 100%); } .mk-tag { @@ -263,8 +263,8 @@ } .mk-tag.alt { - background: #323234; - color: #c8c8c8; + background: rgba(255, 255, 255, 0.72); + color: #6284ff; } .mk-pname { @@ -371,8 +371,9 @@ /* ---------- 倒计时 ---------- */ .mk-count { - background: linear-gradient(135deg, #161618, #28282a); - border: 1rpx solid rgba(255, 255, 255, 0.22); + background: rgba(255, 255, 255, 0.88); + border: 1rpx solid rgba(99, 132, 255, 0.14); + box-shadow: 0 8rpx 24rpx rgba(59, 79, 125, 0.08); border-radius: 20px; padding: 44rpx 36rpx; text-align: center; @@ -484,14 +485,15 @@ /* ---------- OPC 测评入口 ---------- */ .mk-assess { - background: linear-gradient(135deg, #161618, #28282a); - border: 1rpx solid rgba(255, 255, 255, 0.22); - border-radius: 20px; - padding: 48rpx 40rpx; + background: linear-gradient(150deg, #eaf0ff 0%, #f2e8ff 52%, #e9f5fb 100%); + border: 1rpx solid rgba(99, 132, 255, 0.16); + border-radius: 24rpx; + padding: 40rpx 36rpx; display: flex; flex-direction: column; - gap: 32rpx; + gap: 28rpx; text-align: center; + box-shadow: 0 10rpx 30rpx rgba(59, 79, 125, 0.10); } .assess-badge {