From f56e474c81bb25845b46cf99c85bd313dbfcd3b5 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期六, 31 一月 2026 19:26:25 +0800
Subject: [PATCH] 项目初始化+首页+公告详情页面
---
src/views/main/index.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 48 insertions(+), 0 deletions(-)
diff --git a/src/views/main/index.vue b/src/views/main/index.vue
new file mode 100644
index 0000000..6372498
--- /dev/null
+++ b/src/views/main/index.vue
@@ -0,0 +1,48 @@
+<template>
+ <el-container direction="vertical" style="height: 100vh;">
+ <el-header class="p-0">
+ <MyHeader></MyHeader>
+ </el-header>
+ <el-main :style="{height: mainHeight}" class="custom-main p-0" >
+ <div>
+ <router-view></router-view>
+ </div>
+ <MyFooter></MyFooter>
+ </el-main>
+
+ <LoginDialog />
+ </el-container>
+</template>
+<script>
+import { useWindowSize } from '@/utils/hook.js'
+import MyHeader from '@/views/main/components/MyHeader.vue'
+import MyFooter from '@/views/main/components/MyFooter.vue'
+import LoginDialog from '@/views/login/index.vue'
+export default {
+ components: {
+ MyHeader,
+ MyFooter,
+ LoginDialog
+ },
+ setup() {
+ const { height } = useWindowSize()
+ return { height }
+ },
+ computed: {
+ mainHeight: function() {
+ return `${this.height - 60}px`
+ }
+ }
+}
+</script>
+
+<style scoped>
+
+.custom-main {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ -ms-overflow-style: none; /* IE 鍜� Edge */
+ scrollbar-width: none; /* Firefox */
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0