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 {
|
.detail-content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 20rpx 32rpx 32rpx;
|
padding: 24rpx 40rpx 40rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-container {
|
.content-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 32rpx;
|
gap: 32rpx;
|
||||||
padding-bottom: 40rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ==================== 信息卡片 ==================== */
|
/* ==================== 信息卡片 ==================== */
|
||||||
|
|||||||
Reference in New Issue
Block a user