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:
@@ -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;
|
||||
}
|
||||
|
||||
/* ==================== 信息卡片 ==================== */
|
||||
|
||||
Reference in New Issue
Block a user