修改退出按钮

src/components/layout/Header.vue

@@ -56,7 +56,12 @@ const isScrolled = computed(() => {
       </div>
       <div class="app-header-right">
         <template v-if="user.isLogin">
-          你好，{{ user.userName }} <span class="app-header-logout" @click="handleLogout">退出</span>
+          你好，{{ user.userName }}
+          <div class="app-header-logout" @click="handleLogout">
+            <img v-if="isScrolled" src="https://webapp-pub.ezijing.com/project/saas/logout.png" />
+            <img v-else src="https://webapp-pub.ezijing.com/project_online/fi/logout_white.png" />
+            退出
+          </div>
         </template>
         <template v-else>
           <a :href="LOGIN_URL" class="button-default">登录</a>
@@ -88,7 +93,6 @@ const isScrolled = computed(() => {
     .button-default {
       color: #333;
     }
-    
   }
 }
 .app-header-inner {
@@ -114,11 +118,15 @@ const isScrolled = computed(() => {
   color: #333;
 
   .app-header-logout {
-    background: url('https://webapp-pub.ezijing.com/project/saas/logout.png') no-repeat left center;
-    background-size: auto 16px;
+    // background: url('https://webapp-pub.ezijing.com/project/saas/logout.png') no-repeat left center;
     padding-left: 22px;
     margin-left: 40px;
     cursor: pointer;
+    display: flex;
+    img {
+      width: 18px;
+      margin-right: 10px;
+    }
   }
 
   .button-default {