From 0b3d193b2f354e91d5471fb96d00e26dcaecf568 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Wed, 11 Mar 2026 16:36:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BF=AB=E9=80=9F=E9=A2=84=E5=AE=9A?=
 =?UTF-8?q?=E7=9A=84=E9=A2=9C=E8=89=B2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages-quick/components/Tabs/index.vue         | 5 ++---
 src/pages-quick/components/Tabs/styles/index.scss | 5 +++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages-quick/components/Tabs/index.vue b/src/pages-quick/components/Tabs/index.vue
index be3ec2f..14b7fbc 100644
--- a/src/pages-quick/components/Tabs/index.vue
+++ b/src/pages-quick/components/Tabs/index.vue
@@ -6,8 +6,7 @@
         activeIndex === index && 'tab-item-active',
       ]" @click="handleTabClick(index)">
         <view class="tab-item-inner flex flex-items-center">
-          <uni-icons class="icon mr-4" fontFamily="znicons" size="20"
-            :color="activeIndex === index ? indicatorColor : '#525866'">
+          <uni-icons :class="['icon mr-4', activeIndex === index && 'icon-active']"  fontFamily="znicons" size="20" color="opacity">
             {{ zniconsMap[item.icon] }}
           </uni-icons>
 
@@ -48,7 +47,7 @@ const props = defineProps({
   },
   indicatorColor: {
     type: String,
-    default: '#1890ff',
+    default: "#1890ff"
   },
 });
 
diff --git a/src/pages-quick/components/Tabs/styles/index.scss b/src/pages-quick/components/Tabs/styles/index.scss
index 4f8b415..77b4613 100644
--- a/src/pages-quick/components/Tabs/styles/index.scss
+++ b/src/pages-quick/components/Tabs/styles/index.scss
@@ -24,6 +24,11 @@
 .icon {
   height: 20px;
   width: 20px;
+  color: #525866;
+}
+
+.icon-active {
+  color: $theme-color-500;
 }
 
 /* 组件模板中使用了绝对定位的内部元素，为保证父元素宽度基于内容，重置该子元素为静态布局 */