| | |
| | | <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"> |
| | |
| | | /** 创建时间 */ |
| | | createdTime?: string; |
| | | hireStatus?: EnumTaskUserHireStatus; |
| | | |
| | | isRead?: boolean; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | showActions: true, |
| | | |
| | | isRead: true, |
| | | }); |
| | | |
| | | const emit = defineEmits<{ |
| | |
| | | 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; |
| | | } |