fix: 修复navbar title的显示

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 "
+      class="h-full theBar flex items-center px-5 justify-center relative"
       style="background:#F7F7FA"
       v-bind="$attrs"
     >
@@ -14,6 +14,7 @@
           size="18"
           :color="iconColor"
         />
+        <div class="flex-shrink-0" style="width: 18px; height:18px;"></div>
         <icon
           v-if="showSecondIcon"
           name="icon-kefu"
@@ -30,7 +31,7 @@
           @click="$router.push(path)"
           :color="iconColor"
         />
-        <div class="title">{{ title }}</div>
+        <div class="title whitespace-nowrap overflow-hidden overflow-ellipsis px-2">{{ title }}</div>
       </div>
     </div>
     <div class="some-block" v-if="occupyPosition"></div>

src/utils/displayName.ts

@@ -51,7 +51,7 @@ export const getDisplayNamesFromAddress = async (
   return addressList.map((item) => {
     const msg = fullList.find((i: any) => i?.addr === item)
     if (msg?.out_let_name) {
-      return msg?.out_let_name + '客服经理'
+      return msg?.out_let_name + msg.user_name 
     } else {
       return msg?.phone
     }