From 07669c32dcd04df68d602c219097cf1252e2ebc0 Mon Sep 17 00:00:00 2001
From: Pine <wwork.wss@icloud.com>
Date: Wed, 2 Sep 2026 00:19:29 +0800
Subject: [PATCH] =?UTF-8?q?style(mini):=20=E6=B4=BB=E5=8A=A8=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E6=A0=87=E7=AD=BE=E8=8A=AF=E7=89=87=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=B8=8E=E5=88=97=E8=A1=A8=E9=A1=B5=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复详情页图片上标签芯片颜色错误：
- .ed-tag 默认：从 #a8c4ff浅蓝底+黑字 改为 rgba(255,255,255,0.92)白底+深字
- .ed-tag.alt（沙龙）：从蓝底+深字 改为 蓝底+白字
- .ed-tag.mode（线下）：从黑半透明+深字 改为 深半透明+白字
- 新增 .ed-tag.mode.online（线上）：浅蓝底+深字
- .ed-tag.status：白底+深字
- 字号 22rpx→20rpx，padding 6rpx 20rpx→3rpx 14rpx，与列表页一致
- 标签位置 top/left 24rpx/28rpx→20rpx/20rpx，gap 12rpx→8rpx
- jsx mode标签加 online 类，线上活动样式正确
---
 miniprogram/src/pages-extra/event-detail/index.jsx  |  2 +-
 miniprogram/src/pages-extra/event-detail/index.scss | 13 +++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/miniprogram/src/pages-extra/event-detail/index.jsx b/miniprogram/src/pages-extra/event-detail/index.jsx
index 38b8d4d..47a5ba6 100644
--- a/miniprogram/src/pages-extra/event-detail/index.jsx
+++ b/miniprogram/src/pages-extra/event-detail/index.jsx
@@ -234,7 +234,7 @@ export default function EventDetail() {
           onError={(e) => { try { e.currentTarget.src = coverWide; } catch { /* ignore */ } }} />
         <View className="ed-hero-tags">
           <Text className={`ed-tag${ev.type === 'salon' ? ' alt' : ''}`}>{ev.type === 'salon' ? '沙龙' : '公益课'}</Text>
-          <Text className="ed-tag mode">{ev.mode === 'online' ? '线上' : '线下'}</Text>
+          <Text className={`ed-tag mode${ev.mode === 'online' ? ' online' : ''}`}>{ev.mode === 'online' ? '线上' : '线下'}</Text>
           <Text className="ed-tag status" style={{ color: (STATUS_META[ev.status] || {}).color }}>
             {(STATUS_META[ev.status] || { text: ev.status }).text}
           </Text>
diff --git a/miniprogram/src/pages-extra/event-detail/index.scss b/miniprogram/src/pages-extra/event-detail/index.scss
index cf9c6b8..85ced71 100644
--- a/miniprogram/src/pages-extra/event-detail/index.scss
+++ b/miniprogram/src/pages-extra/event-detail/index.scss
@@ -17,14 +17,15 @@
   border-radius: 999px; padding: 6rpx 22rpx;
 }
 .ed-img-title { font-size: 44rpx; font-weight: 800; color: #23315c; line-height: 1.3; }
-.ed-hero-tags { position: absolute; top: 24rpx; left: 28rpx; display: flex; gap: 12rpx; }
+.ed-hero-tags { position: absolute; top: 20rpx; left: 20rpx; display: flex; gap: 8rpx; }
 .ed-tag {
-  font-size: 22rpx; font-weight: 700; color: #000; background: #a8c4ff;
-  border-radius: 999px; padding: 6rpx 20rpx;
+  font-size: 20rpx; font-weight: 700; color: #23315c; background: rgba(255,255,255,0.92);
+  border-radius: 999px; padding: 3rpx 14rpx;
 }
-.ed-tag.alt { background: #5b8cff; color: #23315c; }
-.ed-tag.mode { background: rgba(0, 0, 0, 0.45); color: #23315c; }
-.ed-tag.status { background: rgba(255, 255, 255, 0.9); color: #000; }
+.ed-tag.alt { background: #5b8cff; color: #fff; }
+.ed-tag.mode { background: rgba(20,28,54,0.78); color: #fff; }
+.ed-tag.mode.online { background: rgba(140,200,255,0.92); color: #0a1a3a; }
+.ed-tag.status { background: rgba(255,255,255,0.92); color: #23315c; }
 
 /* 正文 */
 .ed-body { padding: 30rpx 32rpx 8rpx; }