From 8dab3f4fa6b730f58371df4da5095912a9019684 Mon Sep 17 00:00:00 2001
From: Peanut <peanut_hzm@163.com>
Date: Wed, 8 Apr 2026 07:58:26 +0800
Subject: [PATCH] =?UTF-8?q?fix(mini-program):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=89=A7=E6=9C=AC=E8=AF=A6=E6=83=85=E9=A1=B5=E5=AE=B9=E5=99=A8?=
 =?UTF-8?q?=E8=BE=B9=E8=B7=9D=E4=B8=8E=E5=88=9B=E9=80=A0=E6=9C=AA=E6=9D=A5?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

问题根源:
- 详情页卡片没有独立的 margin，依赖父容器 padding
- 创造未来页面使用 gap 管理卡片间距，详情页没有

修复方案 (方案 B):
- .detail-content padding 从 24rpx 48rpx 48rpx → 24rpx 24rpx 32rpx
- .content-container gap 从 32rpx → 24rpx

效果:
- 卡片与屏幕边缘有适中间距 (24rpx)
- 卡片之间有统一间距 (24rpx)
- 与创造未来页面的样式保持一致
---
 mini-program/src/pages/main/ScriptDetailView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/mini-program/src/pages/main/ScriptDetailView.vue b/mini-program/src/pages/main/ScriptDetailView.vue
index d845ea1..b4adadf 100644
--- a/mini-program/src/pages/main/ScriptDetailView.vue
+++ b/mini-program/src/pages/main/ScriptDetailView.vue
@@ -150,13 +150,13 @@ const goBack = () => {
 .detail-content {
   flex: 1;
   overflow-y: auto;
-  padding: 24rpx 48rpx 48rpx;
+  padding: 24rpx 24rpx 32rpx;
 }
 
 .content-container {
   display: flex;
   flex-direction: column;
-  gap: 32rpx;
+  gap: 24rpx;
 }
 
 /* ==================== 信息卡片 ==================== */