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:
@@ -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; }
|
||||
|
||||
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user