localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

new 반짝반짝

Browse Source
This commit is contained in:
yoon 2025-03-20 14:06:26 +09:00
parent 61f9fc51fd
commit 2c81f1c110
2 changed files with 47 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/custom.css
View File

@ -24,6 +24,24 @@
height: 70px; height: 70px;
font-size: 18px; font-size: 18px;
} }
@keyframes new {
0% {
background-color: #ffcc00;
}
50% {
background-color: red;
}
100% {
background-color: #ffcc00;
}
}
.box-new {
animation: new 1s infinite; /* 1초마다 반복 */
}
/* board end */ /* board end */

26
src/views/board/BoardList.vue
View File

@ -57,16 +57,24 @@
> >
<td class="text-center">공지</td> <td class="text-center">공지</td>
<td class="cursor-pointer"> <td class="cursor-pointer">
📌 {{ notice.title }} <div class="d-flex align-items-center">
<span v-if="notice.commentCount" class="text-danger fw-bold me-1" <span class="me-1">📌</span>
>[ {{ notice.commentCount }} ]</span <span>{{ notice.title }}</span>
>
<i v-if="notice.img" class="bi bi-image me-1 align-middle"></i> <span v-if="notice.commentCount" class="text-danger fw-bold mx-1">
[ {{ notice.commentCount }} ]
</span>
<i v-if="notice.img" class="bi bi-image mx-1"></i>
<i <i
v-if="Array.isArray(notice.hasAttachment) && notice.hasAttachment.length > 0" v-if="Array.isArray(notice.hasAttachment) && notice.hasAttachment.length > 0"
class="bi bi-paperclip" class="bi bi-paperclip"
></i> ></i>
<span v-if="isNewPost(notice.rawDate)" class="badge bg-danger text-white ms-2 fs-tiny">N</span>
<span v-if="isNewPost(notice.rawDate)" class="box-new badge text-white ms-2 fs-tiny">
N
</span>
</div>
</td> </td>
<td class="text-center">{{ notice.author }}</td> <td class="text-center">{{ notice.author }}</td>
<td class="text-center">{{ notice.date }}</td> <td class="text-center">{{ notice.date }}</td>
@ -82,14 +90,16 @@
> >
<td class="text-center">{{ post.id }}</td> <td class="text-center">{{ post.id }}</td>
<td class="cursor-pointer "> <td class="cursor-pointer ">
<div class="d-flex align-items-center">
{{ post.title }} {{ post.title }}
<span v-if="post.commentCount" class="comment-count">[ {{ post.commentCount }} ]</span> <span v-if="post.commentCount" class="comment-count">[ {{ post.commentCount }} ]</span>
<i v-if="post.img" class="bi bi-image me-1"></i> <i v-if="post.img" class="bi bi-image mx-1"></i>
<i <i
v-if="Array.isArray(post.hasAttachment) && post.hasAttachment.length > 0" v-if="Array.isArray(post.hasAttachment) && post.hasAttachment.length > 0"
class="bi bi-paperclip" class="bi bi-paperclip"
></i> ></i>
<span v-if="isNewPost(post.rawDate)" class="badge bg-danger text-white ms-2 fs-tiny">N</span> <span v-if="isNewPost(post.rawDate)" class="box-new badge text-white ms-2 fs-tiny">N</span>
</div>
</td> </td>
<td class="text-center">{{ post.author }}</td> <td class="text-center">{{ post.author }}</td>
<td class="text-center">{{ post.date }}</td> <td class="text-center">{{ post.date }}</td>