From 7a34fc0079a5916d7bd3bcb42b3990cf636877ff Mon Sep 17 00:00:00 2001
From: stardrophere <1925008984@qq.com>
Date: Sat, 4 Apr 2026 12:11:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8F=90=E7=A4=BA=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/SearchView.vue | 50 ++++++++++++++++++++++++++-----
 1 file changed, 42 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/SearchView.vue b/frontend/src/views/SearchView.vue
index 4f89177..a973a1f 100644
--- a/frontend/src/views/SearchView.vue
+++ b/frontend/src/views/SearchView.vue
@@ -235,17 +235,17 @@ async function handleSearch() {
         <div class="tips-box glass-panel">
           <h2 class="panel-title"><i class="fa-regular fa-lightbulb"></i> 搜索建议</h2>
           <div class="tips-content">
-            <button class="tip-tag" @click="keyword='新能源汽车'; hours=168; handleSearch()">
-              <i class="fa-solid fa-rocket"></i> 新能源汽车
+            <button class="tip-tag" @click="keyword='火箭发射'; hours=168; handleSearch()">
+              <i class="fa-solid fa-rocket"></i> 火箭发射
             </button>
             <button class="tip-tag" @click="keyword='苹果公司'; hours=168; handleSearch()">
-              <i class="fa-brands fa-apple"></i> 苹果产业链
+              <i class="fa-brands fa-apple"></i> 苹果公司
             </button>
             <button class="tip-tag regex-tag" @click="keyword='AI|LLM'; hours=168; handleSearch()">
               <i class="fa-solid fa-code-branch"></i> AI / 大模型
             </button>
-            <button class="tip-tag regex-tag" @click="keyword='美国关税'; hours=168; handleSearch()">
-              <i class="fa-solid fa-flag-usa"></i> 美国关税
+            <button class="tip-tag regex-tag" @click="keyword='美国'; hours=168; handleSearch()">
+              <i class="fa-solid fa-flag-usa"></i> 美国
             </button>
           </div>
         </div>
@@ -261,9 +261,15 @@ async function handleSearch() {
       <div v-else-if="searchResult" class="results-container">
         <section class="chart-section glass-panel">
           <div class="section-header">
-            <h2 class="section-title">
-              <i class="fa-solid fa-wave-square"></i> 时间热度脉络
-            </h2>
+            <div class="section-title-group">
+              <h2 class="section-title">
+                <i class="fa-solid fa-wave-square"></i> 时间热度脉络
+              </h2>
+              <span class="chart-tip">
+                <i class="fa-solid fa-hand-pointer"></i>
+                点击时间点查看具体事件列表
+              </span>
+            </div>
             <span class="meta-info">共 {{ searchResult.timeline.length }} 个时间节点 · 覆盖 {{ searchResult.events.length }} 个聚合事件</span>
           </div>
 
@@ -553,6 +559,30 @@ async function handleSearch() {
   color: var(--brand-primary);
 }
 
+.section-title-group {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.chart-tip {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  border-radius: var(--radius-md);
+  background: var(--brand-primary-alpha);
+  border: 1px solid rgba(99, 102, 241, 0.2);
+  color: var(--brand-primary);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.chart-tip i {
+  font-size: 12px;
+}
+
 .time-filter-badge {
   display: inline-flex;
   align-items: center;
@@ -599,6 +629,10 @@ async function handleSearch() {
   outline: none;
 }
 
+.chart-container :deep(.apexcharts-marker) {
+  cursor: pointer;
+}
+
 .events-section {
   margin-top: 8px;
 }