页面内容顶格显示修复

LiangZhiYUMao/pages/plaza/detail.vue

@@ -1,5 +1,6 @@
 <template>
 	<view class="detail-page">
+		<view class="status-bar-placeholder" :style="{height: statusBarHeight + 'px', backgroundColor: 'transparent'}"></view>
 		<!-- 自定义导航栏 -->
 		<view class="custom-navbar">
 			<view class="navbar-background">
@@ -230,6 +231,7 @@ import api from '@/utils/api.js'
 export default {
 	data() {
 		return {
+			statusBarHeight: 0,
 			dynamicId: null,
 			dynamic: null,
 			commentList: [],
@@ -275,6 +277,9 @@ export default {
 				})
 			}
 		}
+		//获取状态栏高度
+		  const systemInfo = uni.getSystemInfoSync()
+		  this.statusBarHeight = systemInfo.statusBarHeight
 	},
 	
 	methods: {

LiangZhiYUMao/pages/today-recommend/index.vue

@@ -1,13 +1,13 @@
 <template>
 	<view class="today-recommend-page">
 		<!-- 自定义导航栏 -->
-		<view class="custom-navbar">
+		<!-- <view class="custom-navbar">
 			<view class="navbar-left" @click="goBack">
 				<text class="back-icon">←</text>
 			</view>
 			<view class="navbar-title">💕 今日推荐</view>
 			<view class="navbar-right"></view>
-		</view>
+		</view> -->
 
 		<!-- 页面内容 -->
 		<view class="page-content">