diff --git a/src/components/core/MainLayout/components/HeaderRight/components/UserDropdown.vue b/src/components/core/MainLayout/components/HeaderRight/components/UserDropdown.vue
new file mode 100644
index 00000000..4ffe2d03
--- /dev/null
+++ b/src/components/core/MainLayout/components/HeaderRight/components/UserDropdown.vue
@@ -0,0 +1,9 @@
+<template>
+  <el-dropdown class="dd-mr">
+    <span class="el-dropdown-link">你好</span>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item><Icon name="power-off"></Icon> 注销</el-dropdown-item>
+      <el-dropdown-item><Icon name="user-circle-o"></Icon> 个人中心</el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
diff --git a/src/components/core/MainLayout/components/HeaderRight/index.vue b/src/components/core/MainLayout/components/HeaderRight/index.vue
index 71fb09e8..dd13cffe 100644
--- a/src/components/core/MainLayout/components/HeaderRight/index.vue
+++ b/src/components/core/MainLayout/components/HeaderRight/index.vue
@@ -3,20 +3,15 @@
     <!-- 全屏按钮 -->
     <FullScreen></FullScreen>
     <!-- 用户菜单 -->
-    <el-dropdown class="dd-mr">
-      <span class="el-dropdown-link">你好</span>
-      <el-dropdown-menu slot="dropdown">
-        <el-dropdown-item><Icon name="power-off"></Icon> 注销</el-dropdown-item>
-        <el-dropdown-item><Icon name="user-circle-o"></Icon> 个人中心</el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
+    <UserDropdown></UserDropdown>
   </div>
 </template>
 
 <script>
 export default {
   components: {
-    FullScreen: () => import('./components/FullScreen.vue')
+    FullScreen: () => import('./components/FullScreen.vue'),
+    UserDropdown: () => import('./components/UserDropdown.vue')
   }
 }
 </script>