.

pages-purchaser/writeNote/writeNote.vue

@@ -1,5 +1,13 @@
 <template>
   <view class="container write-note">
+    <view class="nav-bar-wrap" :style="{ height: navBarStyle.height, paddingTop: navBarStyle.paddingTop, paddingBottom: navBarStyle.paddingBottom }">
+      <view class="content-box" :style="{ color: '#333' }">
+        <text>发布新内容</text>
+        <view class="arrow-left-icon">
+          <van-icon name="arrow-left" size="20px" @click="goHandler" />
+        </view>
+      </view>
+    </view>
     <view class="write-note-top">
       <view @click="topLableHandler(item)" :class="['write-text', topLableActive == item.value && 'act-top-lable']" v-for="item in topLableList" :key="item.value"> {{ item.name }}</view>
     </view>
@@ -68,7 +76,12 @@ export default {
   components: { robbyImageUpload },
   data() {
     return {
-      showPopup: true,
+      navBarStyle: {
+        height: 60 + "px",
+        paddingTop: 40 + "px",
+        paddingBottom: "4px",
+      },
+      showPopup: false,
       fileList: [],
       advice_content: "",
       columnName: "",
@@ -101,6 +114,14 @@ export default {
     };
   },
   methods: {
+    initNavBar() {
+      let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
+      this.navBarStyle = {
+        height: menuButtonInfo.height + menuButtonInfo.top + 8 + "px",
+        paddingTop: menuButtonInfo.top - 4 + "px",
+        paddingBottom: "4px",
+      };
+    },
     // 创建标签公司Lable
     addCompanyLableHandler() {
       if (!this.columnName) return;
@@ -152,11 +173,42 @@ export default {
       }
     },
   },
+  onLoad() {
+    this.initNavBar();
+  },
 };
 </script>
 
 <style lang="scss" scope>
 .write-note {
+  .nav-bar-wrap {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    z-index: 99;
+    background-color: #fff;
+    .content-box {
+      position: relative;
+      display: flex;
+      align-items: center;
+      width: 100%;
+      justify-content: center;
+      color: #fff;
+      font-size: 34rpx;
+      .arrow-left-icon {
+        position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 40rpx;
+        height: 40rpx;
+        left: 39rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        z-index: 99;
+      }
+    }
+  }
   background-color: #f3f5f9;
   .write-note-content {
     background-color: #fff;

pages.json

@@ -511,7 +511,8 @@
           "path": "writeNote/writeNote",
           "style": {
             "navigationBarTitleText": "发布新内容",
-            "enablePullDownRefresh": false
+            "enablePullDownRefresh": false,
+            "navigationStyle": "custom"
           }
         },
         {