From 854bb0bb4ccd63fc8512bac948852bee378e4769 Mon Sep 17 00:00:00 2001
From: kongbeiwu <lishaohua-520@qq.com>
Date: Sun, 28 Dec 2025 16:07:32 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=BB=E5=8A=A1=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/TaskList/Card.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/TaskList/Card.vue b/src/renderer/components/TaskList/Card.vue
index 5a32dca..f973994 100644
--- a/src/renderer/components/TaskList/Card.vue
+++ b/src/renderer/components/TaskList/Card.vue
@@ -2,7 +2,7 @@
  * @Author: kongbeiwu lishaohua-520@qq.com
  * @Date: 2025-12-21 23:02:06
  * @LastEditors: kongbeiwu lishaohua-520@qq.com
- * @LastEditTime: 2025-12-22 00:34:30
+ * @LastEditTime: 2025-12-28 11:09:00
  * @FilePath: /project/zn-ai/src/renderer/components/TaskList/Card.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -10,8 +10,11 @@
     <div v-for="item in task" :key="item.id"
         class="border border-solid border-[#E5E8EE] rounded-[12px] p-[12px] mb-[12px] task">
         <div class="flex items-center pb-[12px]" style="border-bottom: 1px dashed #E5E8EE;">
-            <img class="w-[24px] h-[24px] rounded-[8px]] mr-[4px]" src="@assets/images/task/xc.png" />
-            <div class="text-[16px] text-[#171717] font-bold mr-[8px]">{{ item.name }}</div>
+            <!-- <img class="w-[24px] h-[24px] rounded-[8px]] mr-[4px]" src="@assets/images/task/xc.png" /> -->
+            <div
+                class="w-[24px] h-[24px] rounded-[4px] bg-[#EFF6FF] text-[#2B7FFF] text-[14px] font-bold border border-solid border-[#BEDBFF] flex justify-center items-center">
+                {{ item.name[0] }}</div>
+            <div class="text-[16px] text-[#171717] font-bold mr-[8px] ml-[4px]">{{ item.name }}</div>
             <div class="pl-[8px] pr-[8px] text-[12px] rounded-[100px]" :class="item.statusColor">{{
                 item.statusText }}</div>
         </div>
@@ -20,7 +23,8 @@
             <div class="text-[14px]" :class="`text-[${item.color}]`" :style="{ color: item.color }">{{ item.des }}</div>
         </div>
         <div class="mt-[24px]">
-            <button class="w-[100%] h-[40px] bg-[#2B7FFF] text-white text-[14px] rounded-[12px]">{{ item.statusColor !== 'error' ? '查看' : '处理' }}</button>
+            <button class="w-[100%] h-[40px] bg-[#2B7FFF] text-white text-[14px] rounded-[12px]">{{ item.statusColor !==
+                'error' ? '查看' : '处理' }}</button>
         </div>
     </div>
 </template>
@@ -36,14 +40,17 @@ import { task } from '@constant/task'
     z-index: 1;
     transition: all .2s linear;
 }
+
 .task .success {
     background-color: #E0FAEC;
     color: #1FC16B;
 }
+
 .task .error {
     background-color: #FFEBEC;
     color: #FB3748;
 }
+
 .task .warning {
     background-color: #FFF3EB;
     color: #FA7319;
@@ -53,5 +60,4 @@ import { task } from '@constant/task'
     z-index: 2;
     box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
     transform: translate3d(0, -2px, 0);
-}
-</style>
\ No newline at end of file
+}</style>
\ No newline at end of file