uniapp去掉手机状态栏 全屏展示

app.vue

onShow: function() {

console.log('App Show')

this.$nextTick(() => {

if (typeof plus !== 'undefined') {

// 隐藏状态栏（沉浸式）

plus.navigator.setFullscreen(true)

// 尝试隐藏底部系统导航栏（部分机型有效）

plus.navigator.hideSystemNavigation()

}

})

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-plus/index.scss";
</style>
<script>
import {  stopHeartbeat,startHeartbeat } from "./request/heartbeat";

	export default {
		onLaunch: function() {
    console.log('App Launch')
    if (typeof plus !== 'undefined') {
      plus.screen.lockOrientation('landscape-primary')
    } else {
      document.addEventListener('plusready', () => {
        plus.screen.lockOrientation('landscape-primary')
      })
    }
  },
		onShow: function() {
			console.log('App Show')
			this.$nextTick(() => {
      if (typeof plus !== 'undefined') {
        // 隐藏状态栏（沉浸式）
        plus.navigator.setFullscreen(true)

        // 尝试隐藏底部系统导航栏（部分机型有效）
        plus.navigator.hideSystemNavigation()
      }
    })
		},
		onHide: function() {
			console.log('App Hide')
		},
		// App 关闭或页面退出时停止心跳
		onUnload() {
  		  stopHeartbeat()
  }
	}
</script>

<style lang="scss">
	@import "/static/iconfont/iconfont.css";
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	// 设置整个项目的背景色
	page {
		background-color: #f5f5f5;
	}

	/* #endif */
	.example-info {
		font-size: 14px;
		color: #333;
		padding: 10px;
	}
</style>

manifest.json里面配置

{
  "app-plus": {
    "statusbar": {
      "immersed": true,
      "style": "dark",
      "background": "#000000"
    }
  }
}

最后就可以全屏了#