fix: navbar 展示bug

Author: feige996

.vscode/settings.json

@@ -41,6 +41,7 @@
     "dcloudio",
     "qrcode",
     "refresherrefresh",
+    "safeareainsets",
     "scrolltolower",
     "tabbar",
     "unibest",

src/pages/demo/base/navbar.vue

@@ -10,13 +10,19 @@
     left-icon="left"
     @clickLeft="goBack"
     class="fixed w-full"
+    :border="false"
+    :status-bar="true"
   ></uni-nav-bar>
-  <view class="h-11"></view>
-  <fly-content :line="20" />
+  <view class="h-11" :style="{ paddingTop: safeAreaInsets?.top + 'px' }"></view>
+  <view>
+    <fly-content :line="20" />
+  </view>
 </template>
 
 <script lang="ts" setup>
 const goBack = () => {
   uni.navigateBack()
 }
+// 获取屏幕边界到安全区域距离
+const { safeAreaInsets } = uni.getSystemInfoSync()
 </script>