From 07befcf9b00c2408ad39e7e9534e1e0e531d91d1 Mon Sep 17 00:00:00 2001
From: gerson <1405270578@qq.com>
Date: 星期四, 13 二月 2025 22:38:33 +0800
Subject: [PATCH] 完善页面
---
src/App.vue | 37 ++++++++++++++++++++++++++++++++++---
1 files changed, 34 insertions(+), 3 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 2ae99da..2731082 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,12 +1,43 @@
<template>
- <div class="min-h-screen bg-gray-50">
- <AppHeader />
- <router-view></router-view>
+ <div class="h-full bg-gray-50 flex flex-col">
+ <template v-if="!isLoginPage">
+ <AppHeader class="flex-0" />
+ <div class="flex-auto !overflow-y-auto bg-[#f4f4f4]" ref="containerRef">
+ <div class="w-[63%] mx-auto">
+ <router-view></router-view>
+ </div>
+ <AppFooter></AppFooter>
+ </div>
+ </template>
+ <template v-else>
+ <router-view></router-view>
+ </template>
</div>
</template>
<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import AppFooter from './components/AppFooter.vue';
import AppHeader from './components/AppHeader.vue';
+
+const route = useRoute();
+const containerRef = ref<HTMLDivElement | null>(null);
+
+// 鍒ゆ柇鏄惁鏄櫥褰曢〉闈�
+const isLoginPage = computed(() => {
+ return route.path === '/login';
+});
+
+// 鐩戝惉璺敱鍙樺寲锛屾粴鍔ㄥ埌椤堕儴
+watch(
+ () => route.path,
+ () => {
+ if (containerRef.value) {
+ containerRef.value.scrollTop = 0;
+ }
+ }
+);
</script>
<style>
--
Gitblit v1.9.3