fix:

src/components/NavBar/index.vue

 <template>
   <div class="navbar w-full" style="z-index: 300">
     <div
-      class="
-        h-full
-        theBar
-        flex
-        items-center
-        px-5
-        justify-center
-        relative
-        bg-white
-      "
+      class="h-full theBar flex items-center px-5 justify-center relative bg-white"
       v-bind="$attrs"
     >
       <div class="relative w-full flex items-center justify-center">
@@ -37,7 +28,7 @@
           @click="$router.push('Search')"
           :color="iconColor"
         />
-        <div>{{ title }}</div>
+        <div class="title">{{ title }}</div>
       </div>
     </div>
     <div class="some-block" v-if="occupyPosition"></div>
@@ -69,7 +60,7 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
-    showSearchIcon:{
+    showSearchIcon: {
       type: Boolean,
       default: false,
     }
@@ -89,5 +80,10 @@ export default defineComponent({
   .some-block {
     height: 46px;
   }
+  .title {
+    font-size: 16px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+  }
 }
 </style>
\ No newline at end of file

src/views/Chat/Chat.vue

 <template>
-  <div class="flex flex-col flex-nowrap text-base bg-gray-50 h-screen">
+  <div class="flex flex-col flex-nowrap bg-gray-50 h-screen">
     <NavBar title="我的客服" />
     <div
       v-if="!connectionState.connection"

src/views/withMenu/ChatList/index.vue

 <template>
-    <Navbar title="我的客户" :showBackIcon="false" style="background-color: #F7F7FA !important;" />
+    <Navbar
+        :title="navBarTitle"
+        :showBackIcon="false"
+        style="background-color: #F7F7FA !important;"
+    />
     <div class="mx-5">
         <ChatListItem
             v-for="item in cardList"
@@ -13,13 +17,13 @@
 <script lang="ts" setup>
 import Navbar from "@/components/NavBar/index.vue"
 import ChatListItem from "@/components/ChatList/ChatListItem.vue"
-import { onMounted, ref, watch } from "@vue/runtime-core";
+import { computed, onMounted, ref, watch } from "@vue/runtime-core";
 import { from } from "@/store/appCallerStore";
 import ChatListCardDB from "@/db/ChatListCardDB";
 import { iChatListCard } from "@/db";
 import { chatCardTimeStamp } from "@/store/chatCardStore";
-
-interface iChatListItem { idOfthePersonWhoChat: string, content: string, unreadNum: number, latestTime: number }
+import { getUserMsg } from "@/utils/userMsg";
+import { eRole } from "@/types/roleType";
 
 const cardList = ref<iChatListCard[]>([]);
 
@@ -34,4 +38,13 @@ watch(chatCardTimeStamp, async () => {
     cardList.value = list;
 })
 
+const navBarTitle = computed(() => {
+    if (getUserMsg()?.role === eRole.user) {
+        return "我的客户经理"
+    } else if (getUserMsg()?.role === eRole.serviceManager) {
+        return "我的客户"
+    }
+})
+
+
 </script>
\ No newline at end of file