From 99e81b3721c3af858be85c468d09a0843a5d9a43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=82=85=E5=85=89=E5=AD=9F?= <fgmfjf@163.com>
Date: Wed, 11 Feb 2026 17:53:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(realtimeInfo):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=A6=82=E5=BF=B5=E6=96=B0=E9=97=BB=E6=A0=87=E7=AD=BE=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ConceptNewsView/index.vue      | 42 +++++++++++++++++--
 .../components/IndustryNewsView/index.vue     |  2 +-
 2 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/src/pages/realtimeInfo/components/ConceptNewsView/index.vue b/src/pages/realtimeInfo/components/ConceptNewsView/index.vue
index 53351da..1571b4d 100644
--- a/src/pages/realtimeInfo/components/ConceptNewsView/index.vue
+++ b/src/pages/realtimeInfo/components/ConceptNewsView/index.vue
@@ -5,8 +5,17 @@
       <view class="time">近一个月热门</view>
     </view>
     <view class="tag-box">
-      <view v-for="(item, index) in topConceptList" :key="index" class="tag">
+      <!-- <view v-for="(item, index) in topConceptList" :key="index" class="tag">
         {{ item.content?.split("-")[1] }}
+      </view> -->
+      <view class="tag-box">
+        <view
+          v-for="(item, index) in topConceptList"
+          :class="['tag', { 'tag-active': active === index }]"
+          @click="handleClickTag(index, item)"
+        >
+          {{ item.content?.split("-")[1] }}
+        </view>
       </view>
     </view>
     <view class="tag-content">
@@ -31,6 +40,10 @@ const start_time = dayjs().subtract(1, "month").format("YYYY-MM-DD");
 const end_time = dayjs().format("YYYY-MM-DD");
 const limit_num = 4;
 
+const handleClickTag = (index: number, item: any) => {
+  active.value = index;
+  getList();
+};
 // 热门行业top10
 async function getTopConcept_dFn() {
   topConceptList.value = await getTopConceptPeriod({
@@ -136,13 +149,36 @@ onMounted(async () => {
     justify-content: center;
     padding: 2rpx 8rpx;
     border-radius: 4rpx;
-    border: 1px solid #bb875d;
+    background-color: #fff;
+    border: 2rpx solid #666;
     font-size: 22rpx;
-    color: #c18252;
+    color: #666;
     line-height: 30rpx;
     text-align: left;
     font-style: normal;
   }
+
+  .tag-active {
+    border: 2rpx solid #bb875d;
+    color: #bb875d;
+
+    &::before,
+    &::after {
+      content: "";
+      position: absolute;
+      bottom: -12rpx;
+      left: 50%;
+      border-left: 12rpx solid transparent;
+      border-right: 12rpx solid transparent;
+      border-top: 12rpx solid #bb875d;
+      transform: translateX(-50%);
+    }
+
+    &::after {
+      bottom: -10rpx;
+      border-top-color: #fff;
+    }
+  }
 }
 
 .tag-content {
diff --git a/src/pages/realtimeInfo/components/IndustryNewsView/index.vue b/src/pages/realtimeInfo/components/IndustryNewsView/index.vue
index 0421511..03ec02d 100644
--- a/src/pages/realtimeInfo/components/IndustryNewsView/index.vue
+++ b/src/pages/realtimeInfo/components/IndustryNewsView/index.vue
@@ -46,7 +46,7 @@ const limit_num = 4;
 
 const handleClickTag = (index: number, item: any) => {
   active.value = index;
-  getList(item);
+  getList();
 };
 
 // 热门行业top10