From 4f48b324c5a2bcc150e51a05566a96dbc5bbade4 Mon Sep 17 00:00:00 2001
From: txai-dev <txai-dev@yzrcloud.cn>
Date: Sun, 13 Sep 2026 10:28:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B6=8B=E5=8A=BF=E9=A1=B5=E7=AD=9B?=
 =?UTF-8?q?=E9=80=89=E6=8C=89=E9=92=AE=E6=94=B9=E7=B4=A7=E5=87=91=E5=8D=95?=
 =?UTF-8?q?=E8=A1=8C=E8=83=B6=E5=9B=8A=EF=BC=88=E7=AC=AC=E5=9B=9B=E4=B8=AA?=
 =?UTF-8?q?=E4=B8=8D=E6=8D=A2=E8=A1=8C=EF=BC=89+=20=E7=BA=BF=E6=80=A7?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E4=BF=AE=E5=A4=8D=E4=BA=A7=E5=93=81=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E4=B8=8D=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/trend/trend.vue | 44 +++++++++++++++-----------------
 1 file changed, 20 insertions(+), 24 deletions(-)

diff --git a/client/src/pages/trend/trend.vue b/client/src/pages/trend/trend.vue
index f0e1da9..4ef767b 100644
--- a/client/src/pages/trend/trend.vue
+++ b/client/src/pages/trend/trend.vue
@@ -8,7 +8,7 @@
       <text class="header-desc">每天精选 AI 行业最新动态</text>
     </view>
 
-    <!-- 分类筛选 -->
+    <!-- 分类筛选：紧凑胶囊单行 -->
     <view class="filter-bar">
       <view
         class="filter-item"
@@ -17,7 +17,7 @@
         :key="idx"
         @click="activeFilter = idx"
       >
-        <text class="filter-icon">{{ tag.icon }}</text>
+        <AppIcon :name="tag.icon" :size="12" />
         <text class="filter-label">{{ tag.text }}</text>
       </view>
     </view>
@@ -69,13 +69,14 @@ import { onPullDownRefresh, onShareAppMessage, onShareTimeline } from '@dcloudio
 
 import { ref, computed, onMounted } from 'vue'
 import { trendApi } from '@/utils/api'
+import AppIcon from '@/components/AppIcon.vue'
 
 const filters = ref([
-  { icon: '📰', text: '全部' },
+  { icon: 'sparkle', text: '全部' },
   { icon: 'rocket', text: '产品' },
-  { icon: '📄', text: '论文' },
-  { icon: '🔧', text: '工具' },
-  { icon: '🏢', text: '公司' }
+  { icon: 'book', text: '论文' },
+  { icon: 'settings', text: '工具' },
+  { icon: 'user', text: '公司' }
 ])
 const activeFilter = ref(0)
 const items = ref([])
@@ -239,38 +240,33 @@ onShareAppMessage(() => ({
 .filter-bar {
   padding: 0 20px 12px;
   display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
+  flex-wrap: nowrap;
+  gap: 6px;
 }
 
 .filter-item {
-  padding: 8px 14px 6px;
+  flex-shrink: 0;
+  padding: 6px 11px;
   background: var(--glass-bg);
   border: 1px solid var(--glass-border);
-  border-radius: 12px;
-  font-size: 13px;
+  border-radius: 999px;
   color: var(--text-secondary);
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   align-items: center;
-  gap: 2px;
-  min-width: 64px;
-}
-
-.filter-icon {
-  font-size: 16px;
-  line-height: 1.2;
+  gap: 4px;
 }
 
 .filter-label {
-  font-size: 11px;
-  line-height: 1.2;
+  font-size: 12px;
+  line-height: 1;
+  white-space: nowrap;
 }
 
 .filter-item.active {
-  background: rgba(124, 77, 255, 0.15);
-  border-color: rgba(124, 77, 255, 0.3);
-  color: var(--dim1-color);
+  background: var(--color-brand-bg);
+  border-color: var(--color-brand);
+  color: var(--color-brand);
 }
 
 // 列表