From b6bf97bc366537a39644b46de5bbbf3698bce1bf Mon Sep 17 00:00:00 2001 From: Peanut Date: Tue, 7 Apr 2026 23:04:34 +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=8D=A1=E7=89=87?= =?UTF-8?q?=E8=BE=B9=E8=B7=9D=E4=B8=8E=E5=B1=8F=E5=B9=95=E9=87=8D=E5=8F=A0?= =?UTF-8?q?=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 问题: - 信息卡片和正文卡片的圆角边框紧贴屏幕边缘 - 容器圆角被截断,视觉显示不完整 - 底部边距不足,卡片圆角显示不完整 修复: - .detail-content 左右 padding 从 32rpx 增加到 40rpx - .detail-content 顶部 padding 从 20rpx 增加到 24rpx - .detail-content 底部 padding 从 32rpx 增加到 40rpx - 移除 .content-container 的 padding-bottom,由父容器统一控制 效果: - 卡片与屏幕边缘有足够间距(40rpx) - 卡片圆角(40rpx)能完整展示 - 整体布局更加美观协调 --- mini-program/src/pages/main/ScriptDetailView.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/mini-program/src/pages/main/ScriptDetailView.vue b/mini-program/src/pages/main/ScriptDetailView.vue index 9261dc6..4dfdfa8 100644 --- a/mini-program/src/pages/main/ScriptDetailView.vue +++ b/mini-program/src/pages/main/ScriptDetailView.vue @@ -150,14 +150,13 @@ const goBack = () => { .detail-content { flex: 1; overflow-y: auto; - padding: 20rpx 32rpx 32rpx; + padding: 24rpx 40rpx 40rpx; } .content-container { display: flex; flex-direction: column; gap: 32rpx; - padding-bottom: 40rpx; } /* ==================== 信息卡片 ==================== */