From 54e2cb51cfd20d063acd2435d583170aa4c69216 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=87=95=E5=8D=9A=E6=96=87?= <349952469@qq.com>
Date: Tue, 14 Mar 2023 13:50:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E8=BF=94=E5=9B=9E=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E5=8A=9F=E8=83=BD=E9=80=82=E9=85=8D=E6=96=B0=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/basic-layout/index.vue           | 12 ++----------
 src/layouts/common/global-back-top/index.vue | 15 ---------------
 src/layouts/common/index.ts                  |  3 +--
 3 files changed, 3 insertions(+), 27 deletions(-)
 delete mode 100644 src/layouts/common/global-back-top/index.vue

diff --git a/src/layouts/basic-layout/index.vue b/src/layouts/basic-layout/index.vue
index b921515f4..cd919cdac 100644
--- a/src/layouts/basic-layout/index.vue
+++ b/src/layouts/basic-layout/index.vue
@@ -30,7 +30,7 @@
       <global-footer />
     </template>
   </admin-layout>
-  <global-back-top />
+  <n-back-top :key="theme.scrollMode" :listen-to="`#${app.scrollElId}`" class="z-100" />
   <setting-drawer />
 </template>
 
@@ -38,15 +38,7 @@
 import { AdminLayout } from '@soybeanjs/vue-materials';
 import { useAppStore, useThemeStore } from '@/store';
 import { useBasicLayout } from '@/composables';
-import {
-  GlobalBackTop,
-  GlobalContent,
-  GlobalFooter,
-  GlobalHeader,
-  GlobalSider,
-  GlobalTab,
-  SettingDrawer
-} from '../common';
+import { GlobalContent, GlobalFooter, GlobalHeader, GlobalSider, GlobalTab, SettingDrawer } from '../common';
 
 defineOptions({ name: 'BasicLayout' });
 
diff --git a/src/layouts/common/global-back-top/index.vue b/src/layouts/common/global-back-top/index.vue
deleted file mode 100644
index 84d82d977..000000000
--- a/src/layouts/common/global-back-top/index.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <n-back-top :show="show" class="z-1000" />
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-import { useWindowScroll } from '@vueuse/core';
-
-defineOptions({ name: 'GlobalBackTop' });
-
-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 d855a38fc..7ea15e85f 100644
--- a/src/layouts/common/index.ts
+++ b/src/layouts/common/index.ts
@@ -5,6 +5,5 @@ import GlobalSider from './global-sider/index.vue';
 import GlobalContent from './global-content/index.vue';
 import GlobalFooter from './global-footer/index.vue';
 import GlobalLogo from './global-logo/index.vue';
-import GlobalBackTop from './global-back-top/index.vue';
 
-export { SettingDrawer, GlobalHeader, GlobalTab, GlobalSider, GlobalContent, GlobalFooter, GlobalLogo, GlobalBackTop };
+export { SettingDrawer, GlobalHeader, GlobalTab, GlobalSider, GlobalContent, GlobalFooter, GlobalLogo };