diff --git a/src/components/RightContent/AvatarDropdown.jsx b/src/components/RightContent/AvatarDropdown.jsx
index 8a4b1951d19088c34649bf0434ad4f31ef983adb..9af6a4965ba662e07961c72f8f80460a8dcab195 100644
--- a/src/components/RightContent/AvatarDropdown.jsx
+++ b/src/components/RightContent/AvatarDropdown.jsx
@@ -1,6 +1,6 @@
 import React, { useCallback, useState, useMemo } from 'react';
 import { LogoutOutlined, LockOutlined } from '@ant-design/icons';
-import { Menu, Spin, Form, Modal, message, Avatar, Select } from 'antd';
+import { Menu, Spin, Button, Form, Modal, message, Avatar, Select } from 'antd';
 import { history, useModel } from '@umijs/max';
 import { stringify } from 'querystring';
 import HeaderDropdown from '../HeaderDropdown';
@@ -106,15 +106,18 @@ const AvatarDropdown = ({ menu }) => {
   );
   const loadings = (
     <HeaderDropdown overlay={menuHeaderDropdown}>
-      <span className={`${styles.action} ${styles.account}`}>
-        <Spin
-          size="small"
-          style={{
-            marginLeft: 8,
-            marginRight: 8,
-          }}
-        />
-      </span>
+      <React.Fragment>
+        <Button onClick={onMenuClick}>
+          <Spin
+            size="small"
+            style={{
+              marginLeft: 8,
+              marginRight: 8,
+            }}
+          />
+          退出
+        </Button>
+      </React.Fragment>
     </HeaderDropdown>
   );