样式

src/components/home/header.vue

@@ -7,10 +7,14 @@
     >
       <div class="flex items-center gap-2 cursor-pointer" @click="goHome">
         <img :src="logo" alt="logo" class="w-9 h-9 rounded-md" />
-        <span class="text-[#02409b] text-[20px] font-bold hidden lg:flex"
+        <span
+          style="text-wrap-mode: nowrap"
+          class="text-[#02409b] text-[20px] font-bold hidden lg:flex"
           >KERUI DEEPOIL</span
         >
-        <span class="text-[#828182] text-[14px]">智慧经营平台</span>
+        <span class="text-[#828182] text-[14px]" style="text-wrap-mode: nowrap"
+          >智慧经营平台</span
+        >
       </div>
 
       <nav class="hidden lg:flex flex-1 mx-4 ml-80 text-sm">
@@ -214,7 +218,11 @@
                   class="w-8 h-8 rounded-full avatar-image"
                 />
               </div>
-              <span class="text-sm text-[#303133]">{{ userName }}</span>
+              <span
+                class="text-sm text-[#303133]"
+                style="text-wrap-mode: nowrap"
+                >{{ userName }}</span
+              >
             </span>
             <template #dropdown>
               <el-dropdown-menu>