diff --git a/src/assets/style/theme/default.scss b/src/assets/style/theme/default.scss
index 6d54c3d1..37f189d5 100644
--- a/src/assets/style/theme/default.scss
+++ b/src/assets/style/theme/default.scss
@@ -55,6 +55,10 @@ $color: #409EFF;
         .btn-text {
           color: $color-text-normal;
         }
+        .el-dropdown {
+          user-select: none;
+          cursor: pointer;
+        }
       }
     }
     // 顶栏下面
diff --git a/src/components/core/MainLayout/_headerRight.vue b/src/components/core/MainLayout/_headerRight.vue
index d93e0f08..19be88e6 100644
--- a/src/components/core/MainLayout/_headerRight.vue
+++ b/src/components/core/MainLayout/_headerRight.vue
@@ -1,11 +1,18 @@
 <template>
   <div class="btn-group">
-    <el-button
-      class="dd-mr btn-text"
-      type="text"
-      @click="toggleFullScreen">
-      <Icon name="arrows-alt"></Icon>
-    </el-button>
+    <el-tooltip
+      class="item"
+      effect="dark"
+      :content="isFullScreen ? '退出全屏' : '全屏'"
+      placement="bottom">
+      <el-button
+        class="dd-mr btn-text"
+        type="text"
+        @click="toggleFullScreen">
+        <Icon v-if="isFullScreen" name="compress"></Icon>
+        <Icon v-else name="arrows-alt"></Icon>
+      </el-button>
+    </el-tooltip>
     <el-dropdown class="dd-mr">
       <span class="el-dropdown-link">
         用户
@@ -20,8 +27,13 @@
 </template>
 
 <script>
-import { mapMutations } from 'vuex'
+import { mapState, mapMutations } from 'vuex'
 export default {
+  computed: {
+    ...mapState({
+      isFullScreen: state => state.fullScreen.isFullScreen
+    })
+  },
   methods: {
     ...mapMutations([
       'toggleFullScreen'