From 376480c729ab931fdc952cc866c03525d3497d03 Mon Sep 17 00:00:00 2001
From: shikong <919411476@qq.com>
Date: Thu, 17 Oct 2024 20:20:17 +0800
Subject: [PATCH] =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=A0=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/components/nav-bar/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/index/components/nav-bar/index.vue b/src/pages/index/components/nav-bar/index.vue
index 7f05326..5318a1a 100644
--- a/src/pages/index/components/nav-bar/index.vue
+++ b/src/pages/index/components/nav-bar/index.vue
@@ -16,12 +16,12 @@ const ctx = reactive({
 let capsule = uni.getMenuButtonBoundingClientRect(); // 小程序右上角胶囊信息
 let system = uni.getSystemInfoSync(); // 获取设备信息
 let {safeAreaInsets} = system
-console.log(system, safeAreaInsets)
-ctx.safeAreaInsets = safeAreaInsets
 
+ctx.safeAreaInsets = safeAreaInsets
 ctx.navHeight = system.statusBarHeight + capsule.height; // 导航栏的高度
 ctx.statusBarHeight = system.statusBarHeight // 与顶部的距离
 ctx.capsuleWidth = capsule.width; // 胶囊按钮与右侧的距离
+console.log(system, safeAreaInsets)
 
 function searchKeyword() {
   console.log(ctx.search.keyword)
@@ -35,7 +35,7 @@ function searchKeyword() {
 </script>
 
 <template>
-  <view :style="{paddingTop: ctx.safeAreaInsets.top + 'px', paddingRight: ctx.capsuleWidth + 'px'}" style="background: #1296db">
+  <view :style="{paddingTop: (ctx.safeAreaInsets.top || ctx.statusBarHeight) + 'px', paddingRight: ctx.capsuleWidth + 'px'}" style="background: #1296db">
     <uni-search-bar v-model="ctx.search.keyword" bgColor="#EEEEEE" placeholder="请输入搜索内容" @confirm="searchKeyword" cancelButton="none"></uni-search-bar>
   </view>
 </template>