fix

src/App.vue

@@ -1,15 +1,15 @@
 <script>
 export default {
   onLaunch: function () {
-    console.log('App Launch')
+    console.log("App Launch");
   },
   onShow: function () {
-    console.log('App Show')
+    console.log("App Show");
   },
   onHide: function () {
-    console.log('App Hide')
+    console.log("App Hide");
   },
-}
+};
 </script>
 
 <style>

src/components/navBar/index.vue

@@ -42,11 +42,16 @@ const backhandle = () => {
   if (pages.length === 1) return;
   uni.navigateBack();
 };
+const root = document.documentElement;
+root.style.setProperty(
+  "--statusBarHeight",
+  `${plus.navigator.getStatusbarHeight()}px`
+);
 </script>
 
 <style lang="scss" scoped>
 .status_bar {
-  height: var(--status-bar-height);
+  margin-top: var(--statusBarHeight);
 }
 @mixin flex($direction: row) {
   /* #ifndef APP-NVUE */