自定义头部

src/pages/login/index.vue

 <template>
     <div class="page">
+        <NavBar :showTitle="true" title="登录" />
         <!-- pages/login/login.wxml -->
         <view class="login-page">
             <nav-bar class="nav-bar">
@@ -24,8 +25,7 @@ const login = () => {
     xma.xh.getUserProfile({
         range: ["ACCOUNT", "MOBILE"],
         success(info) {
-           
-            xinhuaMpLogin({ encryptedData: info.data.uMobile,userType:'consumer' })
+            xinhuaMpLogin({ encryptedData: info.data.uMobile, userType: "consumer" })
                 .then(data => {
                     res.value = data;
                     setToken(data.token);

src/pages/user/feedBack/feedBackRecord/feedBackRecord.vue

 <template>
+    <NavBar :showIcon="true" backgroundBox="#ffffff" :showTitle="true" title="记录"></NavBar>
     <div class="record">
         <div class="list-container">
             <template v-for="item in feedbackListData" :key="item.id">
@@ -63,8 +64,8 @@ const tofeedBackWait = url => {
 
 <style lang="scss" scoped>
 page {
-    background-color: #ffffff;
     height: 100%;
+    background-color: #ffffff;
 }
 .record {
     width: 750rpx;
@@ -82,43 +83,43 @@ page {
     border-bottom: solid 16rpx #f3f4f8;
 }
 .company-name {
-    margin-left: 32rpx;
     margin-top: 32rpx;
+    margin-left: 32rpx;
     font-size: 32rpx;
     font-weight: 600;
     line-height: 36rpx;
     color: #1b2026;
 }
 .div-time {
+    margin-top: -20rpx;
     margin-left: 32rpx;
     font-size: 24rpx;
-    color: #77818f;
     font-weight: normal;
-    margin-top: -20rpx;
+    color: #77818f;
 }
 .div-state-finish {
     width: 136rpx;
     height: 60rpx;
-    margin-left: 582rpx;
     margin-top: -20rpx;
-    background: rgba(49, 203, 174, 0.1);
+    margin-left: 582rpx;
     font-size: 24rpx;
-    text-align: center;
+    font-weight: 600;
     line-height: 60rpx;
     color: #31cbaee6;
-    font-weight: 600;
+    text-align: center;
+    background: rgb(49 203 174 / 10%);
 }
 .div-state-await {
     width: 136rpx;
     height: 60rpx;
-    margin-left: 582rpx;
     margin-top: -20rpx;
-    background: #1f86ff10;
+    margin-left: 582rpx;
     font-size: 24rpx;
-    text-align: center;
+    font-weight: 600;
     line-height: 60rpx;
     color: #1f86ff;
-    font-weight: 600;
+    text-align: center;
+    background: #1f86ff10;
 }
 .button-feedback {
     position: fixed;
@@ -126,13 +127,13 @@ page {
     left: 65rpx;
     width: 622rpx;
     height: 80rpx;
-    border-radius: 12rpx;
     font-size: 30rpx;
     font-weight: 600;
+    line-height: 80rpx;
     color: #ffffff;
     text-align: center;
-    line-height: 80rpx;
     background: #1f86ff;
+    border-radius: 12rpx;
 }
 .content-line {
     position: fixed;
@@ -140,6 +141,6 @@ page {
     left: 0rpx;
     width: 750rpx;
     height: 1rpx;
-    background: rgba(31, 35, 41, 0.15);
+    background: rgb(31 35 41 / 15%);
 }
-</style>
\ No newline at end of file
+</style>

src/pages/user/myDelivery/index.vue

 <template>
+    <NavBar :showIcon="true" backgroundBox="#ffffff" :showTitle="true" :title="title"></NavBar>
     <div class="page">
         <view class="item" v-for="v in list" :key="v.id" @click="jumpToDetail(v)">
             <view class="name-salary flex-between">
@@ -21,12 +22,14 @@
 
 <script setup>
 import { getApplicationListApi, getInterviewListApi } from "@/api/user";
-import { reactive } from "vue";
+import { reactive, ref } from "vue";
 import { getEnumText } from "@/utils/utils.js";
 let pageNo = 1;
 let type = 1;
 const list = reactive([]);
+const title = ref("");
 onLoad(e => {
+    title.value = e.type;
     type = e.type;
     getList();
 });