From 9c01fd01beffd271fe00cd94736608ee68a11c58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=AF=BA?= <1253070437@qq.com>
Date: Sun, 9 May 2021 13:22:10 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=90=8C=E6=AD=A5=E3=80=91=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5=E4=BC=81=E4=B8=9A=E7=89=88=E5=8A=9F=E8=83=BD=E5=85=A8?=
 =?UTF-8?q?=E5=B1=8F=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _web/src/components/tools/UserMenu.vue | 31 ++++++++++++++++++--------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/_web/src/components/tools/UserMenu.vue b/_web/src/components/tools/UserMenu.vue
index 65ce592d..657f7462 100644
--- a/_web/src/components/tools/UserMenu.vue
+++ b/_web/src/components/tools/UserMenu.vue
@@ -1,14 +1,11 @@
 <template>
   <div class="user-wrapper">
     <div class="content-box">
-      <!--<a href="https://www.xiaonuo.vip" target="_blank">
-        <span class="action">
-          <a-icon type="question-circle-o"></a-icon>
-        </span>
-      </a>-->
-
+      <span class="action" @click="toggleFullscreen">
+        <a-icon type="fullscreen-exit" v-if="isFullscreen"/>
+        <a-icon type="fullscreen" v-else/>
+      </span>
       <notice-icon class="action"/>
-
       <a-dropdown>
         <span class="action ant-dropdown-link user-dropdown-menu">
           <a-avatar class="avatar" size="small" :src="avatar"/>
@@ -72,6 +69,7 @@
 </template>
 
 <script>
+import screenfull from 'screenfull'
 import NoticeIcon from '@/components/NoticeIcon'
 import { mapActions, mapGetters } from 'vuex'
 import { ALL_APPS_MENU } from '@/store/mutation-types'
@@ -81,7 +79,8 @@ import { message } from 'ant-design-vue/es'
 export default {
   name: 'UserMenu',
   components: {
-    NoticeIcon
+    NoticeIcon,
+    screenfull
   },
   props: {
     mode: {
@@ -103,7 +102,8 @@ export default {
       visible: false,
       confirmLoading: false,
       form1: this.$form.createForm(this),
-      defApp: []
+      defApp: [],
+      isFullscreen: false
     }
   },
 
@@ -159,6 +159,19 @@ export default {
     handleCancel () {
       this.form1.resetFields()
       this.visible = false
+    },
+    /* 全屏切换 */
+    toggleFullscreen () {
+      if (!screenfull.isEnabled) {
+        message.error('您的浏览器不支持全屏模式')
+        return
+      }
+      screenfull.toggle()
+      if (screenfull.isFullscreen) {
+        this.isFullscreen = false
+      } else {
+        this.isFullscreen = true
+      }
     }
   }
 }