From 1e198af3d3746ad45bd7b833f32ce185fc583018 Mon Sep 17 00:00:00 2001
From: youzi <2410633923@qq.com>
Date: Mon, 16 Mar 2026 10:11:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E4=B8=8E=E6=90=9C=E7=B4=A2=E9=94=AE=E7=9B=98?=
 =?UTF-8?q?=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Index.vue               |  4 ++++
 src/components/homeSide.vue |  6 ++++--
 src/components/menuH.vue    |  2 +-
 src/views/Home.vue          | 26 ++++++++++++++++++--------
 src/views/blog/[bid].vue    | 19 +++++++++++--------
 5 files changed, 38 insertions(+), 19 deletions(-)

diff --git a/src/Index.vue b/src/Index.vue
index 8aa0794..017ebf3 100644
--- a/src/Index.vue
+++ b/src/Index.vue
@@ -97,6 +97,10 @@ onMounted(() => {
   // 计算footer的高度
   const footerHeight = footer.value?.clientHeight || 0;
   console.log('footerHeight', footerHeight);
+
+  document.addEventListener('resize', () => {
+    
+  })
 })
 </script>
 
diff --git a/src/components/homeSide.vue b/src/components/homeSide.vue
index 566133f..580a260 100644
--- a/src/components/homeSide.vue
+++ b/src/components/homeSide.vue
@@ -101,13 +101,15 @@ async function getJq() {
   console.log('>>> --> getJq --> res:', res.data)
   jq.value = res.data
   const j = res.data.solarTerms.slice(0, 2)
-  jqImg.value = 'https://www.hxyouzi.com/img/jq/' + j + '.png'
+  // 获取时间戳
+  const timestamp = new Date().getTime()
+  jqImg.value = 'https://www.hxyouzi.com/img/jq/' + j + '.png?' + timestamp
 }
 
 async function getBdhot() {
   const res = await $http.mix.getBdhot()
   console.log('>>> --> getBdhot --> res:', res.data)
-  // 取前5条
+  // 取前5条aa
   bdNews.value = res.data.slice(0, 5)
 }
 
diff --git a/src/components/menuH.vue b/src/components/menuH.vue
index bbda24a..d7859c7 100644
--- a/src/components/menuH.vue
+++ b/src/components/menuH.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="nav" class="main-nav hidden lg:flex justify-between bg-white">
     <!-- 网站Logo -->
-    <div class="px-5 items-centerflex cursor-pointer w-1/5" slot="brand" @click="goHome">
+    <div class="px-5 items-center flex cursor-pointer w-1/5" slot="brand" @click="goHome">
       <img :src="logo" alt="柚子的网站" class="h-9 align-middle" />
     </div>
     <!-- 主导航菜单 -->
diff --git a/src/views/Home.vue b/src/views/Home.vue
index e677cd7..f8b82d8 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -2,11 +2,12 @@
   <div class="home-page" :content-style="contentStyle">
     <n-layout has-sider>
       <n-layout-content class="main-content">
-        <div class="pt-8 px-12 relative hidden lg:block">
+        <div ref="searchRef" class="pt-8 px-12 relative hidden lg:block">
           <n-input-group class="shadow ">
             <n-select class="w-24" size="large" v-model:value="broswer" :options="options"
               @click="cancelSbox"></n-select>
-            <n-input class="flex-1" size="large" autofocus v-model:value="searchWord" @blur="cancelSbox" placeholder="请输入">
+            <n-input class="flex-1" size="large" autofocus v-model:value="searchWord" @blur="cancelSbox"
+              placeholder="请输入">
               <template #suffix>
                 <n-icon size="large">
                   <icon-search />
@@ -34,7 +35,7 @@
           <div ref="navcards"
             class="navcard grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6 gap-5 pt-3 pb-6 px-2 lg:px-12">
             <n-card embedded
-              class="bg-[#ffffff80] h-24 shadow-md transition-transform duration-300 box-border hover:-translate-y-1.5"
+              class="bg-[#f1fff180] h-24 shadow-md transition-transform duration-300 box-border hover:-translate-y-1.5"
               v-for="(item, index) in navlist" :key="index" @click="goExtra(item.menu_link)"
               @contextmenu.prevent="handdleContextMenu($event, item)">
               <div class="mt-1 w-full flex flex-col items-center cursor-pointer hover:!text-primary">
@@ -192,6 +193,7 @@ const navData = reactive<NavItem>({
 })
 const formNav = ref<any>(null)
 const navcards = ref<any>(null)
+const searchRef = useTemplateRef("searchRef")
 
 // 首页逻辑
 const nav: any = $store.nav.useNavStore()
@@ -280,7 +282,7 @@ function handleInput() {
 function handleKeyup(e: KeyboardEvent) {
   if (!searchBox.value) return
   // 向下箭头
-  if (e.keyCode === 40) {
+  if (e.key == "ArrowDown") {
     if (selecedIdx.value < searchItems.value.length - 1) {
       selecedIdx.value += 1
     } else {
@@ -288,7 +290,7 @@ function handleKeyup(e: KeyboardEvent) {
     }
   }
   // 向上箭头
-  else if (e.keyCode === 38) {
+  else if (e.key == "ArrowUp") {
     if (selecedIdx.value > 0) {
       selecedIdx.value -= 1
     } else {
@@ -296,7 +298,7 @@ function handleKeyup(e: KeyboardEvent) {
     }
   }
   // 回车键
-  else if (e.keyCode === 13) {
+  else if (e.key == "Enter") {
     if (searchItems.value.length > 0) {
       const selectedItem = searchItems.value[selecedIdx.value]
       window.open(selectedItem.menu_link, "_BLANK")
@@ -653,13 +655,21 @@ onMounted(() => {
   ]
   getNavList()
   window.addEventListener('resize', () => {
+    // 获取屏幕高度
+    const screenHeight = window.innerHeight;
+
     contentStyle.value = {
-      height: `calc(100vh - ${nav.navH}px)`
+      height: `${screenHeight - nav.navH}px)`
     }
+    // searchRef的y
+    const searchHeight: number = searchRef.value?.getBoundingClientRect().y || 0
+    // searchRef的高度
+    const searchH: number = searchRef.value?.getBoundingClientRect().height || 0
     navStyle.value = {
-      height: `${navHeight.value}px`
+      height: `${window.innerHeight - (searchHeight + searchH)}px`
     }
   });
+  // 处理键盘按键抬起事件，触发搜索框的键盘导航逻辑
   window.addEventListener('keyup', (e: Event) => {
     handdleKeyup(e)
   });
diff --git a/src/views/blog/[bid].vue b/src/views/blog/[bid].vue
index e4a1e42..0eaa52a 100644
--- a/src/views/blog/[bid].vue
+++ b/src/views/blog/[bid].vue
@@ -8,13 +8,13 @@
     </div>
     <div class="flex-1">
       <n-breadcrumb class="m-2" separator="|">
-          <n-breadcrumb-item href="/blog/blog">
-             文章
-          </n-breadcrumb-item>
-          <n-breadcrumb-item>
-             {{ blogData.title }}
-          </n-breadcrumb-item>
-        </n-breadcrumb>
+        <n-breadcrumb-item href="/blog/blog">
+          文章
+        </n-breadcrumb-item>
+        <n-breadcrumb-item>
+          {{ blogData.title }}
+        </n-breadcrumb-item>
+      </n-breadcrumb>
       <div class="w-full px-1/20">
         <!-- <div class="text-center text-[40px] font-bold text-black` mt-10">{{ blogData.title }}</div> -->
         <div class="my-4 bg-white shadow-lg p-4 rounded-md">
@@ -117,7 +117,10 @@ async function AISum() {
     },
     body: JSON.stringify({
       model: "Qwen/Qwen3-8B",
-      messages: [{ role: 'user', content: "用一段话对以下内容做一个摘要（语气可爱带表情）：" + blogData.value.cont }],
+      messages: [
+        { role: 'system', content: "你是一个摘要生成工具，你需要解释我发送给你的内容，不要换行，不要超过400字，只需要介绍文章的内容，不需要提出建议和缺少的东西。请用中文回答，内容添加表情包，输出的内容开头为“这篇文章介绍了”，所有句号试用“喵~~ 。”代替" },
+        { role: 'user', content: blogData.value.cont }
+      ],
       stream: true
     })
   })