顶部右侧布局

jwtech-admin-page/src/layout/components/Navbar.vue

@@ -36,14 +36,14 @@
       >
         <div class="avatar-wrapper">
           <img
-            v-if="options.img"
             :src="options.img"
             class="user-avatar"
             style="vertical-align: middle"
           />
-          <div v-else style="background-color: white" class="user-avatar">
+          <!-- <div v-else class="user-avatar">
             <i class="el-icon-user center-in-center" />
-          </div>
+          </div> -->
+          <!-- <span v-else style="width: 50px"></span> -->
           <!--          <img v-else :src="options.img" class="user-avatar" />-->
           <span class="username">{{ user.userName }}</span>
           <i class="el-icon-caret-bottom" />
@@ -189,10 +189,11 @@ export default {
   padding: 0 20px 0 20px;
 
   .logout {
+    height: 30px;
     font-size: 14px;
     color: #fff;
-    line-height: 56px;
-    padding: 4px 16px;
+    line-height: 30px;
+    padding: 0px 16px;
     border: 1px solid #fff;
     border-radius: 4px;
     cursor: pointer;
@@ -221,6 +222,8 @@ export default {
   }
 
   .right-menu {
+    display: flex;
+    align-items: center;
     // float: right;
     // height: 100%;
     // line-height: 70px;
@@ -252,6 +255,8 @@ export default {
       margin-right: 30px;
 
       .avatar-wrapper {
+        display: flex;
+        align-items: center;
         // margin-top: 15px;
         position: relative;
         height: 30px;