From 0a1711d5b1d8e863d24a55690fa8696c79acaaf9 Mon Sep 17 00:00:00 2001
From: Soybean <2570172956@qq.com>
Date: Wed, 8 Sep 2021 09:58:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E6=B7=BB=E5=8A=A0=E5=85=A8?=
 =?UTF-8?q?=E5=B1=8F=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{HeaderItemContainer.vue => HeaderItem.vue}   |  0
 .../components/GlobalHeader/components/index.ts   |  4 ++--
 .../BasicLayout/components/GlobalHeader/index.vue | 15 ++++++++++-----
 3 files changed, 12 insertions(+), 7 deletions(-)
 rename src/layouts/BasicLayout/components/GlobalHeader/components/{HeaderItemContainer.vue => HeaderItem.vue} (100%)

diff --git a/src/layouts/BasicLayout/components/GlobalHeader/components/HeaderItemContainer.vue b/src/layouts/BasicLayout/components/GlobalHeader/components/HeaderItem.vue
similarity index 100%
rename from src/layouts/BasicLayout/components/GlobalHeader/components/HeaderItemContainer.vue
rename to src/layouts/BasicLayout/components/GlobalHeader/components/HeaderItem.vue
diff --git a/src/layouts/BasicLayout/components/GlobalHeader/components/index.ts b/src/layouts/BasicLayout/components/GlobalHeader/components/index.ts
index c4911d8e..668d96f5 100644
--- a/src/layouts/BasicLayout/components/GlobalHeader/components/index.ts
+++ b/src/layouts/BasicLayout/components/GlobalHeader/components/index.ts
@@ -1,3 +1,3 @@
-import HeaderItemContainer from './HeaderItemContainer.vue';
+import HeaderItem from './HeaderItem.vue';
 
-export { HeaderItemContainer };
+export { HeaderItem };
diff --git a/src/layouts/BasicLayout/components/GlobalHeader/index.vue b/src/layouts/BasicLayout/components/GlobalHeader/index.vue
index c54104e1..e9b5e96e 100644
--- a/src/layouts/BasicLayout/components/GlobalHeader/index.vue
+++ b/src/layouts/BasicLayout/components/GlobalHeader/index.vue
@@ -1,17 +1,22 @@
 <template>
-  <div class="global-header flex-y-center justify-between">
-    <h2></h2>
-    <header-item-container class="w-40px h-full" @click="openSettingDrawer">
+  <div class="global-header flex-y-center justify-end">
+    <header-item class="w-40px h-full" @click="toggle">
+      <icon-gridicons-fullscreen-exit v-if="isFullscreen" class="text-16px" />
+      <icon-gridicons-fullscreen v-else class="text-16px" />
+    </header-item>
+    <header-item class="w-40px h-full" @click="openSettingDrawer">
       <icon-mdi-light-cog class="text-16px" />
-    </header-item-container>
+    </header-item>
   </div>
 </template>
 
 <script lang="ts" setup>
+import { useFullscreen } from '@vueuse/core';
 import { useAppStore } from '@/store';
-import { HeaderItemContainer } from './components';
+import { HeaderItem } from './components';
 
 const { openSettingDrawer } = useAppStore();
+const { isFullscreen, toggle } = useFullscreen();
 </script>
 <style scoped>
 .global-header {