From ae7392c37e0096208138e97be2519ca78bd1261a Mon Sep 17 00:00:00 2001 From: Peanut Date: Tue, 7 Apr 2026 22:08:21 +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=E9=A1=B6=E9=83=A8?= =?UTF-8?q?=E8=A2=AB=E9=81=AE=E6=8C=A1=E5=92=8C=E5=B8=83=E5=B1=80=E6=BA=A2?= =?UTF-8?q?=E5=87=BA=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 添加 overflow: hidden 防止整体页面溢出 - 使用 env(safe-area-inset-top) 适配刘海屏安全区域 - 内容区改为 overflow-y: auto 实现局部滚动 - 调整 padding 避免顶部内容被状态栏遮挡 --- mini-program/src/pages/main/ScriptDetailView.vue | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/mini-program/src/pages/main/ScriptDetailView.vue b/mini-program/src/pages/main/ScriptDetailView.vue index 9c2b1cc..eb4a313 100644 --- a/mini-program/src/pages/main/ScriptDetailView.vue +++ b/mini-program/src/pages/main/ScriptDetailView.vue @@ -77,6 +77,7 @@ const goBack = () => { display: flex; flex-direction: column; height: 100vh; + overflow: hidden; background: linear-gradient(180deg, #0F071A 0%, #1A0B2E 50%, #0F071A 100%); } @@ -85,7 +86,7 @@ const goBack = () => { display: flex; align-items: center; justify-content: space-between; - padding: 24rpx 32rpx; + padding: max(12px, env(safe-area-inset-top)) 32rpx 24rpx; background: rgba(168, 85, 247, 0.1); border-bottom: 1px solid rgba(168, 85, 247, 0.2); flex-shrink: 0; @@ -122,7 +123,8 @@ const goBack = () => { /* ==================== 滚动内容区 ==================== */ .detail-content { flex: 1; - padding: 32rpx; + overflow-y: auto; + padding: 0 32rpx 32rpx; } .content-container {