fix(mini): 发布页去原生状态栏+详情页内容边距优化

1. 发帖/发任务/发服务 三个页面新增 index.config.js,配置 navigationStyle:custom
2. 任务详情页顶部间距 20rpx→32rpx
3. 岗位/服务/人才详情页 hl-detail 顶部 margin 0→24rpx
4. 社区帖子详情页顶部加 24rpx 间距
5. 资讯详情/活动详情页顶部 padding 0→24rpx
This commit is contained in:
Pine
2026-09-01 22:36:37 +08:00
parent c4bd025c15
commit 4dd9da6ca7
8 changed files with 8 additions and 5 deletions
@@ -41,7 +41,7 @@ export default function CommunityPostDetail() {
finally { setBusy(false); }
};
return (
<View className="hl-pad page-in">
<View className="hl-pad page-in" style={{ paddingTop: '24rpx' }}>
<PageHeader back no="COMM" title={post.topic || '帖子'} sub="社区帖子详情"/>
<View className="hl-post">
<View className="hl-post-head">
@@ -0,0 +1 @@
export default { navigationStyle: 'custom' };
@@ -1,5 +1,5 @@
/* 资讯详情 · Soft UI 风格(浅色柔彩) */
.cd { position: relative; z-index: 2; padding: 0 0 60rpx; min-height: 100vh; }
.cd { position: relative; z-index: 2; padding: 24rpx 0 60rpx; min-height: 100vh; }
/* 背景统一走全局 page(app.scss),本页不再叠渐变/光斑,避免顶部出现色差条 */
.cd-cover { display: block; width: calc(100% - 48rpx); height: calc((100vw - 48rpx) / 3.35); object-fit: cover; border-radius: 20rpx; margin: 20rpx 24rpx 0; }
.cd-video { width: calc(100% - 48rpx); height: 400rpx; border-radius: 20rpx; margin: 20rpx 24rpx 0; }
@@ -1,5 +1,5 @@
/* 活动详情 · 小程序样式 */
.ed { padding: 0 0 60rpx;
.ed { padding: 24rpx 0 60rpx;
position: relative; z-index: 2;}
/* 宣传头图 */
@@ -0,0 +1 @@
export default { navigationStyle: 'custom' };
@@ -0,0 +1 @@
export default { navigationStyle: 'custom' };
@@ -1,5 +1,5 @@
/* 任务详情 · Soft UI(浅色柔彩) */
.tkd { position: relative; z-index: 2; padding: 20rpx 24rpx 60rpx; min-height: 100vh;
.tkd { position: relative; z-index: 2; padding: 32rpx 24rpx 60rpx; min-height: 100vh;
background: linear-gradient(165deg, #edf2ff 0%, #f6eefc 34%, #ecf7f6 68%, #eaf4ff 100%); }
.tkd-empty { display: block; padding: 120rpx 0; text-align: center; color: #9aa4c6; font-size: 26rpx; }
.tkd-hero { padding: 8rpx 4rpx 20rpx; }
+1 -1
View File
@@ -57,7 +57,7 @@
.hl-foot { display: flex; justify-content: space-between; margin-top: 14rpx; font-size: 21rpx; color: #9aa7bd; }
/* 详情 */
.hl-detail { margin: 0 24rpx 20rpx; background: #fff; border-radius: 24rpx; padding: 30rpx 30rpx 34rpx;
.hl-detail { margin: 24rpx 24rpx 20rpx; background: #fff; border-radius: 24rpx; padding: 30rpx 30rpx 34rpx;
box-shadow: 0 8rpx 30rpx rgba(60, 90, 180, .06); }
.hl-dtitle { display: block; font-size: 36rpx; font-weight: 800; color: #1c2b4a; margin-top: 14rpx; }
.hl-meta { display: flex; flex-wrap: wrap; gap: 20rpx; margin-top: 10rpx; font-size: 22rpx; color: #9aa7bd; }