From 5b9f61e97c54622a9e9242cdac02f0535ffc3827 Mon Sep 17 00:00:00 2001
From: liulujian <liulujian@liantu.tech>
Date: Sat, 4 Jul 2026 23:28:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=B1=E6=80=A7=E8=83=BD=E5=8A=9B?=
 =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E6=A0=87=E7=AD=BE=E5=90=8C=E6=AD=A5=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E9=A2=9C=E8=89=B2=E5=8C=BA=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

GxnlptCardTags 引入 tagColorClass + market-tag-colors mixin
标签按类别分色(蓝核算/绿交易/橙认证/紫数据)，hover 放大

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../views/gxnlpt/components/GxnlptCardTags.vue     | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/txw-mhzc-web/src/pages/index/views/gxnlpt/components/GxnlptCardTags.vue b/txw-mhzc-web/src/pages/index/views/gxnlpt/components/GxnlptCardTags.vue
index 1f8b6e8..9352aad 100644
--- a/txw-mhzc-web/src/pages/index/views/gxnlpt/components/GxnlptCardTags.vue
+++ b/txw-mhzc-web/src/pages/index/views/gxnlpt/components/GxnlptCardTags.vue
@@ -15,7 +15,7 @@
         <span
           v-for="(tag, ti) in visibleTags"
           :key="`visible-${ti}-${tag}`"
-          class="gxnlpt-tag"
+          :class="['gxnlpt-tag', tagColorClass(tag)]"
           :title="tag"
         >{{ tag }}</span>
         <span
@@ -31,7 +31,7 @@
         v-for="(tag, ti) in tags"
         :key="`measure-${ti}-${tag}`"
         ref="measureTag"
-        class="gxnlpt-tag"
+        :class="['gxnlpt-tag', tagColorClass(tag)]"
       >{{ tag }}</span>
       <span ref="measureEllipsis" class="gxnlpt-tag gxnlpt-tag-ellipsis">...</span>
     </div>
@@ -39,6 +39,7 @@
 </template>
 
 <script>
+import { tagColorClass } from '@/pages/index/utils/card-category';
 import {
   calcTagOverflowLayout,
   formatHiddenTagsTooltip,
@@ -102,6 +103,7 @@ export default {
     }
   },
   methods: {
+    tagColorClass,
     resetAndMeasure() {
       const n = this.normalizedTags.length;
       // 测量前先保守展示，避免先渲染整行标签再被裁成「组…」
@@ -229,6 +231,7 @@ export default {
 
 <style lang="less" scoped>
 @import '../../../styles/home-figma-variables.less';
+@import '../../../styles/market-list-variables.less';
 
 .gxnlpt-card-tags {
   position: relative;
@@ -278,12 +281,15 @@ export default {
   font-size: 13px;
   font-weight: 400;
   line-height: 20px;
-  color: #00b96b;
+  color: @market-tag-color;
   white-space: nowrap;
-  background: #eefae2;
+  background: @market-tag-bg;
   border: none;
   border-radius: 4px;
   box-sizing: border-box;
+  transition: transform 0.15s ease;
+  &:hover { transform: scale(1.06); }
+  .market-tag-colors();
 }
 
 .gxnlpt-tag-ellipsis {