diff --git a/components/index/ContentDashboard.vue b/components/index/ContentDashboard.vue index ea97cd7..86dbb7f 100644 --- a/components/index/ContentDashboard.vue +++ b/components/index/ContentDashboard.vue @@ -21,7 +21,7 @@ {{ item.count }} {{ item.label }} - + > --> @@ -99,41 +99,44 @@ {{ item.title }} - 置顶 - 一般 - 重要 - 紧急 + 公告 + + + + - + + + + + - - + + - - - {{ item.createTime }} - - + - - - - {{ item.firstOwner }} - - - {{ item.description }} + + + + + + + - {{ item.project }} - 逾期{{ item.overdueDays }}天 - {{ item.date }} + + {{ truncateText(item.description, 20) }} + 逾期{{ item.overdueDays }}天 + @@ -156,13 +159,13 @@ {{ status.count }} {{ status.label }} - + > --> @@ -184,13 +187,13 @@ {{ status.count }} {{ status.label }} - + > --> @@ -876,7 +879,7 @@ const getTagCustomStyle = (status) => { // 合并列表滚动容器 .merged-list-scroll { - height: 30vh; + height: 40vh; width: 100%; } @@ -886,7 +889,7 @@ const getTagCustomStyle = (status) => { // 逾期任务卡片样式 .overdue-task-card { - padding: 16px; + padding: 4px 12px; display: flex; flex-direction: column; gap: 2px; @@ -908,7 +911,7 @@ const getTagCustomStyle = (status) => { } .overdue-task-title { - font-size: 16px; + font-size: 14px; font-weight: 500; color: #333; line-height: 1.5; @@ -925,6 +928,7 @@ const getTagCustomStyle = (status) => { align-items: center; gap: 12px; flex-wrap: wrap; + justify-content: space-between; } .overdue-task-project { @@ -991,7 +995,7 @@ const getTagCustomStyle = (status) => { .task-card-announcement { border-left: none; - padding: 16px; + padding: 4px 12px; } .announcement-content-wrapper { @@ -1010,7 +1014,7 @@ const getTagCustomStyle = (status) => { .announcement-title { font-size: 14px; font-weight: 500; - color: #f56c6c; + color: #000000; flex: 1; }