fix

public/index.html

@@ -20,6 +20,15 @@
   <!-- built files will be auto injected -->
   <!-- <script src="//at.alicdn.com/t/font_2711356_k19r0hh1f4.js"></script> -->
   <script src="//at.alicdn.com/t/font_2711356_53bl5jmwu2e.js"></script>
+  <script>
+    (function () {
+      var script = document.createElement('script');
+      script.src = "//cdn.jsdelivr.net/npm/eruda";
+      document.body.appendChild(script);
+      script.onload = function () { eruda.init() }
+    })();
+
+  </script>
 </body>
 
 </html>
\ No newline at end of file

src/App.vue

@@ -11,7 +11,7 @@ import { ref } from "@vue/reactivity";
 import { connectionState } from "./store/connectionStore";
 import FzmMessageProtocol from "@/utils/fzm-message-protocol";
 import { generateToken } from "./utils/generateToken/generate-token";
-import { defineComponent, onBeforeUnmount, onMounted, watch } from "vue";
+import { defineComponent, onBeforeMount, onBeforeUnmount, onMounted, watch } from "vue";
 import decodeChatMessage from "./utils/fzm-message-protocol-chat/decodeChatMessage";
 import ChatDBService from "@/db/ChatDBService"
 import { getMasterIdFromDisplayMsg, getTargetIdFromDisplayMsg } from "./utils/chatutils";
@@ -30,6 +30,12 @@ import { chatAuthCheck } from "./utils/authCheck";
 export default defineComponent({
   setup() {
 
+    onBeforeMount(() => {
+      new Bridge().getNotchHeight(null, (height: any) => {
+        console.log(height, ' show notch height')
+      })
+    })
+
     const route = useRoute();
     const initError = ref(false);
 

src/utils/jsBridge2.js

@@ -541,5 +541,14 @@ jsBridge.prototype.bridge_live = function (params, success) {
     }
 }
 
+/* 获取刘海高度 */
+jsBridge.prototype.getNotchHeight = function (params, success) {
+    if (this.curApp == ANDROID) {
+        dsBridge.call('getNotchHeight', params, success)
+    }
+    else if (this.curApp == IOS) {
+        this.callHandler('getNotchHeight', params, success)
+    }
+}
 
 export default jsBridge;