initial commit

2026-01-16 22:04:48 +08:00
parent 28cc3ec005
commit c5244e2b75
95 changed files with 27633 additions and 0 deletions
@@ -0,0 +1,51 @@
+<template>
+    <div class="member-layout">
+        <el-container class="is-vertical">
+            <Header />
+            <el-scrollbar :style="calcHeight(60)" class="main-scrollbar" ref="mainScrollbarRef">
+                <el-row class="layouts-main" justify="center">
+                    <el-col class="user-layouts" :span="16" :xs="24">
+                        <Aside class="hidden-sm-and-down" />
+                        <el-main class="layout-main">
+                            <slot />
+                        </el-main>
+                    </el-col>
+                </el-row>
+                <Footer />
+            </el-scrollbar>
+        </el-container>
+    </div>
+</template>
+
+<script setup lang="ts">
+    import Header from './components/header.vue'
+    import Aside from './components/aside.vue'
+    import Footer from './components/footer.vue'
+const route = useRoute()
+const mainScrollbarRef = useTemplateRef('mainScrollbarRef')
+
+// 路由切换时滚动条滚动至顶部
+watch(
+    () => route.fullPath,
+    () => {
+        if (!route.meta.disableScrollTo) {
+            mainScrollbarRef.value?.scrollTo(0, 0)
+        }
+    }
+)
+
+// 将滚动条的 ref provide 给子级组件
+provide('mainScrollbarRef', mainScrollbarRef)
+</script>
+
+<style scoped lang="scss">
+.user-layouts {
+    display: flex;
+    padding-top: 15px;
+    align-items: flex-start;
+}
+.layout-main {
+    padding: 0 !important;
+    overflow-x: hidden;
+}
+</style>