顶部栏

src/pages.json

@@ -119,7 +119,8 @@
 		"backgroundColor": "#F8F8F8",
 		"app-plus": {
 			"background": "#efeff4"
-		}
+		},
+        "navigationStyle": "custom"
 	},
     "tabBar": {
 		"color": "#707070",

src/pages/components/Header/index.vue

@@ -54,12 +54,12 @@
     });
     xma.xh.getMenuButtonBoundingClientRect({
       success(res) {
-        // console.log('宽度', res.width); // 宽度，单位：px
-        // console.log('高度', res.height); // 高度，单位：px
-        // console.log('上边界坐标', res.top); // 上边界坐标，单位：px
-        // console.log('右边界坐标', res.right); // 右边界坐标，单位：px
-        // console.log('下边界坐标', res.bottom); // 下边界坐标，单位：px
-        // console.log('左边界坐标', res.left);
+        console.log('宽度', res.width); // 宽度，单位：px
+        console.log('高度', res.height); // 高度，单位：px
+        console.log('上边界坐标', res.top); // 上边界坐标，单位：px
+        console.log('右边界坐标', res.right); // 右边界坐标，单位：px
+        console.log('下边界坐标', res.bottom); // 下边界坐标，单位：px
+        console.log('左边界坐标', res.left);
         contentHeight.value = (res.top + res.bottom) / 2 + 25 + 'px';
         // contentHeight.value = res.bottom * 2 + 10 + 'rpx'; // 左边界坐标，单位：px
       },

src/pages/home/index.vue

 <template>
     <van-sticky>
         <div class="header">
+            <Header backgroundBox="white" :show="false">
                 <div class="tools">
                 <van-search v-model="catalog.materialTitle" shape="round" placeholder="请输入搜索关键词" @search="handleRefresh"
                     @clear="handleRefresh" />
@@ -9,6 +10,15 @@
                     <span>新建</span>
                 </div>
             </div>
+            </Header>
+            <!-- <div class="tools">
+                <van-search v-model="catalog.materialTitle" shape="round" placeholder="请输入搜索关键词" @search="handleRefresh"
+                    @clear="handleRefresh" />
+                <div class="right" @click="router.push({ name: 'publish' })">
+                    <van-icon name="add" size="26" color="#0E7CE3" />
+                    <span>新建</span>
+                </div>
+            </div> -->
             <div class="menu">
                 <van-tabs v-model:active="tabsActive" line-width="20" title-active-color="#0E7CE3"
                     title-inactive-color="#82868E" @change="handleRefresh">

src/pages/mine/index.vue

 <template>
-    <!-- <Header title="个人中心" :showTitle="true" :show="false"></Header> -->
+    <!-- <Header  backgroundBox="#f8f8f8" :show="false"></Header> -->
     <div class="container" v-if="userStore.isLogin">
         <div class="userinfo">
             <img class="avatar" mode="aspectFill"
@@ -136,7 +136,7 @@ const handleOperation = (e) => {
 .container {
     background-color: #f8f8f8;
     padding: 38px 12px 0 12px;
-    min-height: 100vh;
+    // min-height: 100vh;
 
     .userinfo {
         display: flex;