diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index 28ae640c4..601d51d10 100644
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@@ -27,6 +27,7 @@
+
@@ -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 000000000..a2373ecc6
--- /dev/null
+++ b/src/layouts/common/GlobalBackTop/index.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+
diff --git a/src/layouts/common/index.ts b/src/layouts/common/index.ts
index 40f8c81e0..b6d3f0b9d 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 };