出库对接

pages/components/Navigation.vue

@@ -1,10 +1,10 @@
 <template>
   <!-- 状态栏占位 -->
-  <view class="nav-placeholder" :style="{ height: navHeight + 'px' }"></view>
+  <!-- <view class="nav-placeholder" :style="{ height: 35 + 'px' }"></view> -->
 
-  <view class="navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+  <view class="navbar" :style="{ height: navHeight + 'rpx' }">
     <view class="left" @click="goBack">
-      <uni-icons type="left" size="18" />
+      <uni-icons type="left" size="18" v-if="showBack" />
     </view>
 
     <!-- 标题 -->
@@ -16,14 +16,14 @@
     </view>
   </view>
 
-  <view class="content"></view>
+  <!-- <view class="contentBox"></view> -->
 </template>
 
 <script setup>
 import { ref, onMounted, toRefs } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { getTabBarList } from '../until'
-import { find, findIndex } from 'lodash'
+import { findIndex } from 'lodash'
 
 const props = defineProps({
   title: {
@@ -54,9 +54,11 @@ const isTabBar = ref('')
 onMounted(() => {
   try {
     const res = uni.getSystemInfoSync()
+
     statusBarHeight.value = res.statusBarHeight || 0
+    console.log(statusBarHeight, 'statusBarHeight==>');
     // 标准导航栏高度 44px + 状态栏 = 总高度
-    navHeight.value = statusBarHeight.value + 44
+    navHeight.value = statusBarHeight.value + 60
   } catch (e) {
     console.warn('获取系统信息失败', e)
   }
@@ -66,6 +68,7 @@ onMounted(() => {
 onLoad(() => {
   const tabList = getTabBarList()
   const isTabBarNav = findIndex(tabList, (i) => i.pagePath == backUrl.value) != -1
+  console.log(tabList, backUrl, isTabBarNav);
   isTabBar.value = isTabBarNav
 
   if (backUrl.value) {
@@ -101,7 +104,6 @@ const goBack = () => {
 </script>
 
 <style scoped lang="scss">
-/* 导航栏占位：撑开页面内容，不被遮挡 */
 .nav-placeholder {
   width: 100%;
 }
@@ -112,8 +114,6 @@ const goBack = () => {
   top: 0;
   left: 0;
   width: 100%;
-  // 高度由 状态栏 + 44px 决定，不要写死 70px
-  height: 44px;
   background: #fff;
   display: flex;
   align-items: center;
@@ -132,8 +132,9 @@ const goBack = () => {
 }
 
 .title {
-  font-size: 16rpx;
-  font-weight: bold;
+  font-size: 16px;
+  font-weight: 600;
+  text-align: center;
   color: #333;
   max-width: 400rpx;
   overflow: hidden;