From 61bd03c3b83cdb5be0eb0e8badcdf0f75e3c43fc Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 01 十二月 2025 16:32:10 +0800
Subject: [PATCH] feat: 页面
---
packages/components/src/Card/TaskCard.vue | 21 ++++++++++++++++++++-
1 files changed, 20 insertions(+), 1 deletions(-)
diff --git a/packages/components/src/Card/TaskCard.vue b/packages/components/src/Card/TaskCard.vue
index 0985e59..cf9cc09 100644
--- a/packages/components/src/Card/TaskCard.vue
+++ b/packages/components/src/Card/TaskCard.vue
@@ -1,5 +1,5 @@
<template>
- <div class="task-card-wrapper">
+ <div class="task-card-wrapper" :class="{ 'un-read': !isRead }">
<div class="task-card-title-wrapper">
<div class="task-card-title">{{ name }}</div>
<slot name="title-right">
@@ -122,10 +122,14 @@
/** 鍒涘缓鏃堕棿 */
createdTime?: string;
hireStatus?: EnumTaskUserHireStatus;
+
+ isRead?: boolean;
};
const props = withDefaults(defineProps<Props>(), {
showActions: true,
+
+ isRead: true,
});
const emit = defineEmits<{
@@ -142,6 +146,21 @@
background-color: #fff;
border-radius: 12px;
+ &.un-read {
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ border-radius: 50%;
+ background-color: red;
+ right: 18px;
+ top: 12px;
+ }
+ }
+
&:last-child {
margin-bottom: 0;
}
--
Gitblit v1.9.1