From 4c697d9829c938e9fdcc4d02c48eb8b989d8031c Mon Sep 17 00:00:00 2001 From: hubian <908234780@qq.com> Date: Sun, 12 Apr 2026 18:29:17 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=89=8D=E7=AB=AF?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. 下拉菜单使用display:none隐藏，hover时显示 2. 清理文件末尾重复代码 3. 用户头像添加边框美化 --- frontend/index.html | 103 ++++++++++++++++++++++---------------------- 1 file changed, 52 insertions(+), 51 deletions(-) diff --git a/frontend/index.html b/frontend/index.html index 982f250..2aa301e 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -9,6 +9,21 @@ @@ -147,16 +162,17 @@ 发布帖子
- -
- +
+ 个人主页 -
@@ -188,10 +204,10 @@ tab.classList.remove('text-blue-600', 'border-b-2', 'border-blue-600', 'font-medium'); tab.classList.add('text-gray-500'); }); - document.getElementById(`tab-${type}`).classList.remove('text-gray-500'); - document.getElementById(`tab-${type}`).classList.add('text-blue-600', 'border-b-2', 'border-blue-600', 'font-medium'); + document.getElementById('tab-' + type).classList.remove('text-gray-500'); + document.getElementById('tab-' + type).classList.add('text-blue-600', 'border-b-2', 'border-blue-600', 'font-medium'); - const url = type === 'all' ? '/api/posts' : `/api/posts?type=${type}`; + const url = type === 'all' ? '/api/posts' : '/api/posts?type=' + type; const res = await fetch(url); const data = await res.json(); @@ -232,7 +248,7 @@ ${post.likes} ${post.replies}
- ${post.tags.length > 0 ? ` + ${post.tags && post.tags.length > 0 ? `
${post.tags.slice(0, 3).map(tag => ` ${tag} @@ -251,6 +267,10 @@ const tags = await res.json(); const container = document.getElementById('tagList'); + if (tags.length === 0) { + container.innerHTML = '暂无标签'; + return; + } container.innerHTML = tags.slice(0, 10).map(tag => ` ${tag.name} (${tag.count}) @@ -264,12 +284,16 @@ const topics = await res.json(); const container = document.getElementById('topicList'); + if (topics.length === 0) { + container.innerHTML = '暂无主题'; + return; + } container.innerHTML = topics.slice(0, 5).map(topic => ` - ${topic.icon} + ${topic.icon || '🔧'}

${topic.name}

-

${topic.questions_count} 问题 · ${topic.followers} 关注

+

${topic.questions_count || 0} 问题 · ${topic.followers || 0} 关注

 `).join(''); @@ -281,7 +305,7 @@ const query = e.target.value.trim(); if (!query) return; - const res = await fetch(`/api/search?q=${encodeURIComponent(query)}`); + const res = await fetch('/api/search?q=' + encodeURIComponent(query)); const data = await res.json(); const container = document.getElementById('searchResults'); @@ -289,34 +313,22 @@ if (data.posts.length === 0 && data.topics.length === 0) { container.innerHTML = '

未找到相关内容

'; } else { - container.innerHTML = ` - ${data.posts.length > 0 ? ` -
-

帖子 (${data.posts.length})

-
- ${data.posts.map(p => ` - -

${p.title}

-

${p.author} · ${new Date(p.created_at).toLocaleDateString()}

- - `).join('')} -
-
- ` : ''} - ${data.topics.length > 0 ? ` -
-

工具分享 (${data.topics.length})

-
- ${data.topics.map(t => ` - - ${t.icon} - ${t.name} - - `).join('')} -
-
- ` : ''} - `; + let html = ''; + if (data.posts.length > 0) { + html += '

帖子 (' + data.posts.length + ')

'; + data.posts.forEach(p => { + html += '

' + p.title + '

' + p.author + ' · ' + new Date(p.created_at).toLocaleDateString() + '

'; + }); + html += '
'; + } + if (data.topics.length > 0) { + html += '

工具分享 (' + data.topics.length + ')

'; + data.topics.forEach(t => { + html += '' + (t.icon || '🔧') + '' + t.name + ''; + }); + html += '
'; + } + container.innerHTML = html; } document.getElementById('searchModal').classList.remove('hidden'); @@ -330,15 +342,4 @@ } -hModal').classList.remove('hidden'); - document.getElementById('searchModal').classList.add('flex'); - } - }); - - function closeSearchModal() { - document.getElementById('searchModal').classList.add('hidden'); - document.getElementById('searchModal').classList.remove('flex'); - } - - \ No newline at end of file