fix(mini-program): 修复剧本详情页卡片边距与屏幕重叠问题

问题:
- 信息卡片和正文卡片的圆角边框紧贴屏幕边缘
- 容器圆角被截断,视觉显示不完整
- 底部边距不足,卡片圆角显示不完整

修复:
- .detail-content 左右 padding 从 32rpx 增加到 40rpx
- .detail-content 顶部 padding 从 20rpx 增加到 24rpx
- .detail-content 底部 padding 从 32rpx 增加到 40rpx
- 移除 .content-container 的 padding-bottom,由父容器统一控制

效果:
- 卡片与屏幕边缘有足够间距(40rpx)
- 卡片圆角(40rpx)能完整展示
- 整体布局更加美观协调
This commit is contained in:
2026-04-07 23:04:34 +08:00
parent 21c07ba450
commit b6bf97bc36
@@ -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;
}
/* ==================== 信息卡片 ==================== */