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>