diff --git a/src/components/RouterSearch/index.vue b/src/components/RouterSearch/index.vue
index 42a4174..ca72e2d 100644
--- a/src/components/RouterSearch/index.vue
+++ b/src/components/RouterSearch/index.vue
@@ -17,8 +17,8 @@
       />
     </el-select>
   </ElDialog>
-  <div v-else class="custom-hover" @click.stop="showTopSearch = !showTopSearch">
-    <Icon icon="ep:search" />
+  <div v-else class="block" @click.stop="showTopSearch = !showTopSearch">
+    <Icon :icon="icon" @focus="focus" />
     <el-select
       @click.stop
       filterable
@@ -52,7 +52,7 @@ const router = useRouter() // 路由对象
 const showSearch = ref(false) // 是否显示弹框
 const showTopSearch = ref(false) // 是否显示顶部搜索框
 const value: Ref = ref('') // 用户输入的值
-
+const icon = ref('ep:search')
 const routers = router.getRoutes() // 路由对象
 const options = computed(() => {
   // 提示选项
@@ -77,6 +77,8 @@ function remoteMethod(data) {
   value.value = data
 }
 
+const focus = () => {}
+
 function handleChange(path) {
   router.push({ path })
   hiddenSearch()
@@ -117,3 +119,14 @@ defineExpose({
   }
 })
 </script>
+
+<style lang="scss" scoped>
+.block {
+  display: flex;
+  height: 100%;
+  padding: 0 10px;
+  cursor: pointer;
+  align-items: center;
+  transition: background var(--transition-time-02);
+}
+</style>
diff --git a/src/layout/components/AppView.vue b/src/layout/components/AppView.vue
index f819275..a472a44 100644
--- a/src/layout/components/AppView.vue
+++ b/src/layout/components/AppView.vue
@@ -44,10 +44,14 @@ provide('reload', reload)
     ]"
   >
     <router-view v-if="routerAlive">
+      <!--      <template #default="{ Component, route }">-->
+      <!--        <keep-alive :include="getCaches">-->
+      <!--          <component :is="Component" :key="route.fullPath" />-->
+      <!--        </keep-alive>-->
+      <!--      </template>-->
+
       <template #default="{ Component, route }">
-        <keep-alive :include="getCaches">
-          <component :is="Component" :key="route.fullPath" />
-        </keep-alive>
+        <component :is="Component" :key="route.fullPath" />
       </template>
     </router-view>
   </section>
diff --git a/src/layout/components/ToolHeader.vue b/src/layout/components/ToolHeader.vue
index 62ac142..fab98c0 100644
--- a/src/layout/components/ToolHeader.vue
+++ b/src/layout/components/ToolHeader.vue
@@ -1,10 +1,7 @@
 <script lang="tsx">
 import { defineComponent, computed } from 'vue'
-import { Message } from '@/layout/components//Message'
-import { Collapse } from '@/layout/components/Collapse'
 import { UserInfo } from '@/layout/components/UserInfo'
 import { Screenfull } from '@/layout/components/Screenfull'
-import { Breadcrumb } from '@/layout/components/Breadcrumb'
 import { SizeDropdown } from '@/layout/components/SizeDropdown'
 import { LocaleDropdown } from '@/layout/components/LocaleDropdown'
 import { Screen } from '@/layout/components/Screen'
@@ -14,15 +11,10 @@ import { useDesign } from '@/hooks/web/useDesign'
 
 const { getPrefixCls, variables } = useDesign()
 
-const prefixCls = getPrefixCls('tool-header')
 
 const appStore = useAppStore()
 
-// 面包屑
-const breadcrumb = computed(() => appStore.getBreadcrumb)
 
-// 折叠图标
-const hamburger = computed(() => appStore.getHamburger)
 
 // 全屏图标
 const screenfull = computed(() => appStore.getScreenfull)
@@ -33,14 +25,11 @@ const search = computed(() => appStore.search)
 // 尺寸图标
 const size = computed(() => appStore.getSize)
 
-// 布局
-const layout = computed(() => appStore.getLayout)
 
 // 多语言图标
 const locale = computed(() => appStore.getLocale)
 
-// 消息图标
-const message = computed(() => appStore.getMessage)
+
 
 export default defineComponent({
   name: 'ToolHeader',
@@ -51,17 +40,17 @@ export default defineComponent({
         class=" relative flex items-cente "
       >
         <div class="flex items-center" >
-          <Screen class="custom-hover" color="var(--top-header-text-color)" />
+          <Screen class="block" color="var(--top-header-text-color)" />
           {screenfull.value ? (
-            <Screenfull class="custom-hover" color="var(--top-header-text-color)"></Screenfull>
+            <Screenfull class="block" color="var(--top-header-text-color)"></Screenfull>
           ) : undefined}
           {search.value ? <RouterSearch isModal={false} /> : undefined}
           {size.value ? (
-            <SizeDropdown class="custom-hover" color="var(--top-header-text-color)"></SizeDropdown>
+            <SizeDropdown class="block" color="var(--top-header-text-color)"></SizeDropdown>
           ) : undefined}
           {locale.value ? (
             <LocaleDropdown
-              class="custom-hover"
+              class="block"
               color="var(--top-header-text-color)"
             ></LocaleDropdown>
           ) : undefined}
@@ -79,4 +68,12 @@ $prefix-cls: #{$namespace}-tool-header;
 .#{$prefix-cls} {
   transition: left var(--transition-time-02);
 }
+.block{
+	display: flex;
+	height: 100%;
+	padding: 0 10px;
+	cursor: pointer;
+	align-items: center;
+	transition: background var(--transition-time-02);
+}
 </style>
diff --git a/src/layout/components/UserInfo/src/UserInfo.vue b/src/layout/components/UserInfo/src/UserInfo.vue
index d2a5ab0..e9cb951 100644
--- a/src/layout/components/UserInfo/src/UserInfo.vue
+++ b/src/layout/components/UserInfo/src/UserInfo.vue
@@ -55,7 +55,7 @@ const toDocument = () => {
 </script>
 
 <template>
-  <ElDropdown class="custom-hover" :class="prefixCls" trigger="click">
+  <ElDropdown class="block" :class="prefixCls" trigger="click">
     <div class="flex items-center gap-4px">
       <ElAvatar :src="avatar" alt="" :size="32" class="rounded-[50%]" />
       <span class="text-14px color-#303133 font-500 line-height-22px">
@@ -110,4 +110,13 @@ const toDocument = () => {
   opacity: 0;
   transform: translateY(10%);
 }
+
+.block {
+  display: flex;
+  height: 100%;
+  padding: 0 10px;
+  cursor: pointer;
+  align-items: center;
+  transition: background var(--transition-time-02);
+}
 </style>