diff --git a/src/assets/style/theme/default.scss b/src/assets/style/theme/default.scss
index 984a6d90..6d54c3d1 100644
--- a/src/assets/style/theme/default.scss
+++ b/src/assets/style/theme/default.scss
@@ -45,6 +45,17 @@ $color: #409EFF;
           }
         }
       }
+      // 顶栏按钮
+      .btn-group {
+        float: right;
+        height: 60px;
+        display: flex;
+        // justify-content: center;
+        align-items: center;
+        .btn-text {
+          color: $color-text-normal;
+        }
+      }
     }
     // 顶栏下面
     .el-container {
diff --git a/src/components/core/MainLayout/_headerRight.vue b/src/components/core/MainLayout/_headerRight.vue
new file mode 100644
index 00000000..d93e0f08
--- /dev/null
+++ b/src/components/core/MainLayout/_headerRight.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="btn-group">
+    <el-button
+      class="dd-mr btn-text"
+      type="text"
+      @click="toggleFullScreen">
+      <Icon name="arrows-alt"></Icon>
+    </el-button>
+    <el-dropdown class="dd-mr">
+      <span class="el-dropdown-link">
+        用户
+        <i class="el-icon-arrow-down el-icon--right"></i>
+      </span>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item>注销</el-dropdown-item>
+        <el-dropdown-item>个人中心</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+  </div>
+</template>
+
+<script>
+import { mapMutations } from 'vuex'
+export default {
+  methods: {
+    ...mapMutations([
+      'toggleFullScreen'
+    ])
+  }
+}
+</script>
+
diff --git a/src/components/core/MainLayout/index.vue b/src/components/core/MainLayout/index.vue
index e318c84e..4e7237f0 100644
--- a/src/components/core/MainLayout/index.vue
+++ b/src/components/core/MainLayout/index.vue
@@ -5,7 +5,7 @@
         <img src="@/assets/image/logo/header.png">
       </div>
       <HeaderMenu></HeaderMenu>
-      <span @click="toggleFullScreen">全屏</span>
+      <HeaderRight></HeaderRight>
     </el-header>
     <el-container>
       <el-aside style="width: 200px;">
@@ -19,23 +19,19 @@
 </template>
 
 <script>
-import { mapMutations } from 'vuex'
-import SiderMenu from '@/components/core/MainLayout/_siderMenu.vue'
-import HeaderMenu from '@/components/core/MainLayout/_headerMenu.vue'
+import SiderMenu from './_siderMenu'
+import HeaderMenu from './_headerMenu'
+import HeaderRight from './_headerRight'
 export default {
   components: {
     SiderMenu,
-    HeaderMenu
+    HeaderMenu,
+    HeaderRight
   },
   data () {
     return {
       theme: 'default'
     }
-  },
-  methods: {
-    ...mapMutations([
-      'toggleFullScreen'
-    ])
   }
 }
 </script>