From 817ea987f1d6c43f91b24d433a3afd4fbdc052fd Mon Sep 17 00:00:00 2001 From: Peanut Date: Wed, 8 Apr 2026 20:58:40 +0800 Subject: [PATCH] =?UTF-8?q?fix(mini-program):=20=E8=B0=83=E6=95=B4?= =?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?=20padding=20=E4=BD=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 修改: - 移除 .detail-content 的 padding - .content-container 添加 padding: 24rpx 32rpx 32rpx 和 box-sizing: border-box 原因: - scroll-view 在小程序中不适合直接承担内容留白 - 由内部容器控制 padding 更稳定 效果: - 卡片与屏幕边缘有适中间距 - 布局更稳定 --- mini-program/src/pages/main/ScriptDetailView.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/mini-program/src/pages/main/ScriptDetailView.vue b/mini-program/src/pages/main/ScriptDetailView.vue index b4adadf..399d48e 100644 --- a/mini-program/src/pages/main/ScriptDetailView.vue +++ b/mini-program/src/pages/main/ScriptDetailView.vue @@ -150,13 +150,15 @@ const goBack = () => { .detail-content { flex: 1; overflow-y: auto; - padding: 24rpx 24rpx 32rpx; } .content-container { display: flex; flex-direction: column; gap: 24rpx; + /* scroll-view 在小程序中不适合直接承担内容留白,改由内部容器控制 */ + padding: 24rpx 32rpx 32rpx; + box-sizing: border-box; } /* ==================== 信息卡片 ==================== */