|
@@ -49,7 +49,7 @@
|
|
|
<!-- <badge class="status-badge" dot
|
|
<!-- <badge class="status-badge" dot
|
|
|
:offset="[80, -10]">
|
|
:offset="[80, -10]">
|
|
|
</badge> -->
|
|
</badge> -->
|
|
|
- <div class="status-title">
|
|
|
|
|
|
|
+ <div class="status-title" :class="{ 'status-title-small': (card.title || '').length > 6 }">
|
|
|
{{ card.title }}
|
|
{{ card.title }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="status-sub">
|
|
<div class="status-sub">
|
|
@@ -76,7 +76,7 @@
|
|
|
:offset="[80, -10]">
|
|
:offset="[80, -10]">
|
|
|
</badge> -->
|
|
</badge> -->
|
|
|
<div v-if="card.executionLimitDays || card.executionLimitDays === 0" class="tag-name" :style="{ borderColor: card.purposeColor, color: card.purposeColor }">限时 {{ card.executionLimitDays }} 天</div>
|
|
<div v-if="card.executionLimitDays || card.executionLimitDays === 0" class="tag-name" :style="{ borderColor: card.purposeColor, color: card.purposeColor }">限时 {{ card.executionLimitDays }} 天</div>
|
|
|
- <div class="status-title">
|
|
|
|
|
|
|
+ <div class="status-title" :class="{ 'status-title-small': (card.name || '').length > 6 }">
|
|
|
{{ card.name }}
|
|
{{ card.name }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="status-sub pending-sub" :style="{ color: card.purposeColor === '#FFFFFF' ? '#000' : '#fff' }">
|
|
<div class="status-sub pending-sub" :style="{ color: card.purposeColor === '#FFFFFF' ? '#000' : '#fff' }">
|
|
@@ -880,6 +880,11 @@ linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
|
|
|
.status-title {
|
|
.status-title {
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
line-height: 24px;
|
|
line-height: 24px;
|
|
|
|
|
+
|
|
|
|
|
+ &.status-title-small {
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ line-height: 18px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.status-sub {
|
|
.status-sub {
|