From 894b0f1c182a36ad1774a8144bf50dd4e0b62a46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=87=95=E5=8D=9A=E6=96=87?= <349952469@qq.com>
Date: Fri, 17 Jun 2022 15:59:56 +0800
Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E5=A2=9E=E5=8A=A0=E8=BF=94?=
 =?UTF-8?q?=E5=9B=9E=E9=A1=B6=E9=83=A8=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/BasicLayout/index.vue          | 11 ++++++++++-
 src/layouts/common/GlobalBackTop/index.vue | 13 +++++++++++++
 src/layouts/common/index.ts                |  3 ++-
 3 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 src/layouts/common/GlobalBackTop/index.vue

diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index 28ae640c..601d51d1 100644
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@@ -27,6 +27,7 @@
       <global-footer />
     </template>
   </admin-layout>
+  <global-back-top />
   <setting-drawer />
 </template>
 
@@ -35,7 +36,15 @@ import AdminLayout from '@soybeanjs/vue-admin-layout';
 import { useAppStore, useThemeStore } from '@/store';
 import { useBasicLayout } from '@/composables';
 import { useBoolean } from '@/hooks';
-import { SettingDrawer, GlobalHeader, GlobalTab, GlobalSider, GlobalContent, GlobalFooter } from '../common';
+import {
+  SettingDrawer,
+  GlobalHeader,
+  GlobalTab,
+  GlobalSider,
+  GlobalContent,
+  GlobalFooter,
+  GlobalBackTop
+} from '../common';
 
 const app = useAppStore();
 const theme = useThemeStore();
diff --git a/src/layouts/common/GlobalBackTop/index.vue b/src/layouts/common/GlobalBackTop/index.vue
new file mode 100644
index 00000000..a2373ecc
--- /dev/null
+++ b/src/layouts/common/GlobalBackTop/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <n-back-top :show="show" class="z-1000" />
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { useWindowScroll } from '@vueuse/core';
+
+const { y: scrollY } = useWindowScroll();
+
+const show = computed(() => scrollY.value > 180);
+</script>
+<style scoped></style>
diff --git a/src/layouts/common/index.ts b/src/layouts/common/index.ts
index 40f8c81e..b6d3f0b9 100644
--- a/src/layouts/common/index.ts
+++ b/src/layouts/common/index.ts
@@ -5,5 +5,6 @@ import GlobalSider from './GlobalSider/index.vue';
 import GlobalContent from './GlobalContent/index.vue';
 import GlobalFooter from './GlobalFooter/index.vue';
 import GlobalLogo from './GlobalLogo/index.vue';
+import GlobalBackTop from './GlobalBackTop/index.vue';
 
-export { SettingDrawer, GlobalHeader, GlobalTab, GlobalSider, GlobalContent, GlobalFooter, GlobalLogo };
+export { SettingDrawer, GlobalHeader, GlobalTab, GlobalSider, GlobalContent, GlobalFooter, GlobalLogo, GlobalBackTop };