修改导航登录姓名

src/components/layout/header.vue

@@ -36,8 +36,10 @@
         </ul>
         <div class="login">
           <template v-if="isLogin">
-            <span>{{ user.realname || user.username }}&nbsp;&nbsp;&nbsp;</span>
-            <span @click="handleLogout">退出</span>
+            <div class="login-name">
+              <span class="name">{{ user.realname || user.username }}</span>
+              <span @click="handleLogout">退出</span>
+            </div>
           </template>
           <template v-else>
             <span @click="handleLogin">用户登录</span>
@@ -277,6 +279,17 @@ export default {
       margin-left: auto;
       color: #fff;
       cursor: pointer;
+      .login-name{
+        display: flex;
+        .name{
+          width: 100px;
+          overflow: hidden;
+          text-overflow:ellipsis;
+          white-space: nowrap;
+          text-align: right;
+          margin-right: 10px;
+        }
+      }
     }
     .logo-box{
       cursor: pointer;