From 9264107b3c9ba53724416935ec973a76ce54e1a2 Mon Sep 17 00:00:00 2001
From: estel <690930@qq.com>
Date: Sat, 26 Jul 2025 00:02:37 +0800
Subject: [PATCH] =?UTF-8?q?fix=20nuxt=20ui=20=E5=8F=82=E6=95=B0=E4=BC=A0?=
 =?UTF-8?q?=E9=80=92=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/AppSidebar.vue | 11 +++--------
 app/layouts/default.vue       | 15 ++-------------
 2 files changed, 5 insertions(+), 21 deletions(-)

diff --git a/app/components/AppSidebar.vue b/app/components/AppSidebar.vue
index 46c3767..0e43bfc 100644
--- a/app/components/AppSidebar.vue
+++ b/app/components/AppSidebar.vue
@@ -1,5 +1,5 @@
 <template>
-  <aside
+  <div
     class="w-64 bg-white dark:bg-gray-900 flex flex-col h-screen border-r border-gray-200 dark:border-gray-700 overflow-hidden">
     <!--  Logo  -->
     <div class="flex-shrink-0 p-4 border-gray-200 dark:border-gray-700">
@@ -18,7 +18,7 @@
     <!-- Search Box -->
     <div class="p-4 border-gray-200 dark:border-gray-700">
       <ClientOnly>
-        <UContentSearchButton :collapsed="false" loading="true" label="搜索文档" description="请输入关键词" class="w-full"
+        <UContentSearchButton :collapsed="false" label="搜索文档" class="w-full"
           color="primary" />
       </ClientOnly>
     </div>
@@ -50,8 +50,6 @@
 
       <!-- 文档目录导航 -->
       <div class="mt-6 flex items-center justify-start pl-8 w-4/5">
-
-        <NuxtLink>
           <UContentNavigation highlight :navigation="navigation" color="primary" type="single" variant="pill" :ui="{
             root: '',
             content: '',
@@ -69,12 +67,9 @@
             linkTitle: '',
             linkTitleExternalIcon: 'size- align-top text-dimmed'
           }" />
-        </NuxtLink>
-
       </div>
-
     </div>
-  </aside>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 633a3a0..6d8e58b 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -23,11 +23,11 @@
       />
       
       <!-- Main Content -->
-      <main class="flex-1 overflow-y-auto pt-16">
+      <UMain class="flex-1 overflow-y-auto">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
           <slot />
         </div>
-      </main>
+      </UMain>
       
       <!-- Footer -->
       <AppFooter />
@@ -47,16 +47,5 @@ const toggleSidebar = () => {
   isSidebarOpen.value = !isSidebarOpen.value
 }
 
-// 监听路由变化，在移动端自动关闭侧边栏
-const route = useRoute()
-const stopWatch = watch(() => route.path, () => {
-  if (isSidebarOpen.value) {
-    isSidebarOpen.value = false
-  }
-})
 
-// 组件卸载时清理监听器
-onUnmounted(() => {
-  stopWatch()
-})
 </script>
\ No newline at end of file