退出登录修改

frontend/src/layouts/components/Header/components/Avatar.vue

@@ -2,7 +2,7 @@
   <el-dropdown trigger="click">
     <div class="userInfo">
       <div class="icon">
-        <Icon><Avatar/></Icon>
+        <Icon><Avatar /></Icon>
       </div>
       <div class="username">
         {{ username }}
@@ -22,25 +22,9 @@
       </el-dropdown-menu>
     </template>
   </el-dropdown>
-  <el-dropdown trigger="click">
+  <div class="avatar">
-    <div class="avatar">
+    <img src="@/assets/icons/loginout.svg" alt="avatar" @click="logout" />
-      <!-- <img src="@/assets/images/avatar.gif" alt="avatar" /> -->
+  </div>
-      <img src="@/assets/icons/loginout.svg" alt="avatar" />
-    </div>
-    <template #dropdown>
-      <el-dropdown-menu>
-        <!-- <el-dropdown-item @click="openDialog('infoRef')">
-          <el-icon><User /></el-icon>{{ $t("header.personalData") }}
-        </el-dropdown-item>
-        <el-dropdown-item @click="openDialog('passwordRef')">
-          <el-icon><Edit /></el-icon>{{ $t("header.changePassword") }}
-        </el-dropdown-item> -->
-        <el-dropdown-item divided @click="logout">
-          <el-icon><SwitchButton /></el-icon>{{ $t("header.logout") }}
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </template>
-  </el-dropdown>
   <!-- infoDialog -->
   <InfoDialog ref="infoRef"></InfoDialog>
   <!-- passwordDialog -->
@@ -102,7 +86,7 @@ const openDialog = (ref: string) => {
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  .icon{
+  .icon {
     width: 18px;
     height: 18px;
     color: #fff !important;