"pages": [ 
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页",
				"navigationBarTextStyle": "black",//设置状态类字体颜色，只支持white、black这两个颜色
				"app-plus":{"titleNView":false }
		},
	]	

<template>
  <view>
    <!-- 顶部状态栏占位 -->
    <view :style="{ height: iStatusBarHeight + 'px'}" class="status-bar-placeholder"></view>
    <!-- 用于推送内容下移的状态栏占位 -->
    <view :style="{ height: iStatusBarHeight + 'px'}" class="status-bar-push"></view>
  </view>
</template>

<script>
export default {
  name: "StatusBar",
  data() {
    return {
      // 顶部状态栏高度
      iStatusBarHeight: 0,
    };
  },
  mounted() {
    // 获取并设置顶部状态栏高度  小程序不需要
	// #ifndef MP-WEIXIN
	    this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
	// #endif

  },
};
</script>

<style>
/* 顶部状态栏占位 */
.status-bar-placeholder {
  background-color: #1a4e44;
  position: fixed;
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
}

/* 用于推送内容下移的状态栏占位 */
.status-bar-push {
  background-color: #1a4e44;
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
}
</style>