feat: 根据得到的刘海高度，设置navbar

src/App.vue

@@ -25,6 +25,7 @@ import router from "./router";
 import { useRoute } from "vue-router";
 import Bridge from '@/utils/jsBridge2'
 import { chatAuthCheck } from "./utils/authCheck";
+import { notchHeight } from "./store/AppStore";
 
 
 export default defineComponent({
@@ -32,7 +33,8 @@ export default defineComponent({
 
     onBeforeMount(() => {
       new Bridge().getNotchHeight(null, (height: any) => {
-        console.log(height, ' show notch height')
+        height = Number(height)
+        notchHeight.value = height;
       })
     })
 

src/components/NavBar/index.vue

@@ -47,6 +47,7 @@
   </div>
 </template>
 <script lang="ts">
+import { notchHeight } from "@/store/AppStore";
 import { defineComponent } from "vue";
 import Icon from "../common/Icon.vue";
 export default defineComponent({
@@ -93,7 +94,7 @@ export default defineComponent({
       return true
     },
     heightOfNotch() { // 刘海屏的刘海高度 单位px
-      return 0;
+      return notchHeight.value;
     }
   }
 });

src/store/AppStore.ts

+import { ref } from '@vue/runtime-dom'
+
+export const notchHeight = ref(0)