wupengfei
2025-12-01 cfb73e3e435f770297ef5ea4301cb14c4c18ca82
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;
  }