diff --git a/archive/SearchHistory.vue b/archive/SearchHistory.vue
index f2a1bfcdd1e9a18cab25d3d328175643a60889f7..5dca4783602ff045c408ca9ff29984f9f5333ecf 100644
--- a/archive/SearchHistory.vue
+++ b/archive/SearchHistory.vue
@@ -27,7 +27,6 @@
                     size="xs"
                     long
                     :to="`/search/${item.c_id}`"
-                    @click="handleClickItem"
                 >
                     <div class="flex-grow truncate">{{ item.title }}</div>
                     <UButton
@@ -89,7 +88,6 @@
 <script setup>
 import { IConfirm } from '#components'
 const emits = defineEmits(['sign', 'clear'])
-const Layout = inject('Layout')
 const modal = useModal()
 const { $isSignIn } = storeToRefs(useUserStore())
 const { $searchHistory } = storeToRefs(useSearchStore())
@@ -135,10 +133,6 @@ function handleOpen () {
 function handleClose () {
     isOpenHistory.value = false
 }
-function handleClickItem () {
-    Layout.handleCloseAside()
-}
-
 nextTick(() => {
     $getSearchHistory()
 })
diff --git a/components/i/MenuSider.vue b/components/i/MenuSider.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3a0cb2709fad0cf0e1814927d80e9cf8c01535a1
--- /dev/null
+++ b/components/i/MenuSider.vue
@@ -0,0 +1,37 @@
+<template>
+    <div class="flex md:hidden">
+        <UButton
+            class="z-20"
+            :class="{ 'fixed top-2 left-2' : fixed }"
+            color="white"
+            trailing-icon="i-heroicons-bars-3-20-solid"
+            @click="handleToggleAside"
+        />
+        <USlideover
+            class="w-64"
+            v-model="isOpenAside"
+            side="left"
+            :overlay="false"
+        >
+            <UButton
+                class="absolute top-2 right-2 z-20"
+                color="white"
+                trailing-icon="i-heroicons-x-mark-20-solid"
+                @click="handleToggleAside"
+            />
+            <IAside />
+        </USlideover>
+    </div>
+</template>
+<script setup>
+defineProps({
+    fixed: {
+        type: Boolean,
+        default: false
+    }
+})
+const isOpenAside = ref(false)
+function handleToggleAside () {
+    isOpenAside.value = !isOpenAside.value
+}
+</script>
\ No newline at end of file
diff --git a/components/i/Nav.vue b/components/i/Nav.vue
index b9a43f7b184862b31bb16d42b33a5759b5a3a9cf..b5f67d15566131cbf3f4814a5413132719fcc975 100644
--- a/components/i/Nav.vue
+++ b/components/i/Nav.vue
@@ -7,7 +7,6 @@
             size="md"
             label="首页"
             to="/"
-            @click="handleClickItem"
         />
         <UButton
             leading-icon="i-heroicons-rectangle-stack"
@@ -16,7 +15,6 @@
             size="md"
             label="主题"
             to="/library"
-            @click="handleClickItem"
         />
         <ISearchHistory @sign="$openSign" />
         <ClientOnly>
@@ -36,8 +34,4 @@
 <script setup>
 const { $isSignIn, $isOpenSign } = storeToRefs(useUserStore())
 const { $openSign, $closeSign } = useUserStore()
-const Layout = inject('Layout')
-function handleClickItem () {
-    Layout.handleCloseAside()
-}
 </script>
diff --git a/components/i/SearchHistory.vue b/components/i/SearchHistory.vue
index 9f4b4bb7125cb3f74a328fc9afdd7c1990908c03..5b9ad710c9a9623e47334fdcec66e2f527c0f377 100644
--- a/components/i/SearchHistory.vue
+++ b/components/i/SearchHistory.vue
@@ -27,7 +27,6 @@
                         size="xs"
                         long
                         :to="`/search/${item.c_id}`"
-                        @click="handleClickItem"
                     >
                         <div class="flex-grow truncate" :title="item.title">{{ item.title }}</div>
                     </UButton>
@@ -38,7 +37,6 @@
 </template>
 <script setup>
 const emits = defineEmits(['sign', 'clear'])
-const Layout = inject('Layout')
 const modal = useModal()
 const { $searchHistory } = storeToRefs(useSearchStore())
 const { $clearSearchHistory } = useSearchStore()
@@ -46,7 +44,4 @@ const query = ref('')
 function handleClear () {
     $clearSearchHistory()
 }
-function handleClickItem () {
-    Layout.handleCloseAside()
-}
 </script>
diff --git a/components/i/library/Header.vue b/components/i/library/Header.vue
index b32ea04cca5173d830776bf50a885a5a6130f1fd..028b442357b6987651db6bf5a7bb7a91987a6d2d 100644
--- a/components/i/library/Header.vue
+++ b/components/i/library/Header.vue
@@ -3,6 +3,7 @@
         <div class="container max-w-screen-lg 2xl:max-w-screen-xl flex flex-col p-6">
             <div class="flex justify-between items-center">
                 <div class="flex gap-4">
+                    <IMenuSider />
                     <div class="flex items-center text-xl gap-2" v-if="!collect">
                         <UIcon name="i-heroicons-rectangle-stack-20-solid" />
                         <div>主题</div>
diff --git a/components/i/search/Header.vue b/components/i/search/Header.vue
index aac0b5801418bac788450d34a6f186345fdf2b47..8c2631745c8f403564d9b840e173eb07085eec79 100644
--- a/components/i/search/Header.vue
+++ b/components/i/search/Header.vue
@@ -1,6 +1,7 @@
 <template>
     <header class="sticky top-0 z-10 bg-white dark:bg-black w-full flex flex-col">
         <div class="w-full p-2 justify-end sm:justify-between items-center flex">
+            <IMenuSider />
             <div class="hidden md:flex">
                 <div class="flex items-center gap-2" v-if="repo">
                     <UIcon name="i-simple-icons-github" />{{ repo }}
diff --git a/layouts/default.vue b/layouts/default.vue
index c3e8cc1ab8d9aae2a9f704988bf799477787a7e5..cbd6aff4600b92726e5172f78c6c205a33793008 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -7,41 +7,12 @@
             <slot />
         </div>
     </div>
-    <div class="flex md:hidden">
-        <UButton
-            class="fixed top-2 left-2 z-20"
-            color="white"
-            trailing-icon="i-heroicons-bars-3-20-solid"
-            @click="handleToggleAside"
-        />
-        <USlideover
-            class="w-64"
-            v-model="isOpenAside"
-            side="left"
-            :overlay="false"
-        >
-            <UButton
-                class="absolute top-2 right-2 z-20"
-                color="white"
-                trailing-icon="i-heroicons-x-mark-20-solid"
-                @click="handleToggleAside"
-            />
-            <IAside />
-        </USlideover>
-    </div>
     <ILibraryCreate />
     <ILibrarySelect @success="handleCollectSuccess" />
 </template>
 <script setup>
-const isOpenAside = ref(false)
 const selectCollectData = ref(null)
 const removeCollectData = ref(null)
-function handleToggleAside () {
-    isOpenAside.value = !isOpenAside.value
-}
-function handleCloseAside () {
-    isOpenAside.value = false
-}
 function handleCollectSuccess (data) {
     selectCollectData.value = data
 }
@@ -55,7 +26,6 @@ function handleClearRemoveCollectData () {
     removeCollectData.value = null
 }
 provide('Layout', {
-    handleCloseAside,
     selectCollectData,
     handleClearCollectData,
     removeCollectData,
diff --git a/pages/index.vue b/pages/index.vue
index e4baf4acc6ed546b64f900aa14205cd9bbb0c159..01dd6ca197429d9fd6538782e4efaa2f023dca54 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -18,6 +18,7 @@
             </template>
         </div>
     </div>
+    <IMenuSider fixed />
 </template>
 <script setup>
 const recommendQuestions = [