diff --git a/public/css/custom.css b/public/css/custom.css index 1e22a80..9d906e2 100644 --- a/public/css/custom.css +++ b/public/css/custom.css @@ -24,6 +24,24 @@ height: 70px; 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 */ diff --git a/src/views/board/BoardList.vue b/src/views/board/BoardList.vue index 41fae62..a03d9dc 100644 --- a/src/views/board/BoardList.vue +++ b/src/views/board/BoardList.vue @@ -57,16 +57,24 @@ > 공지 - 📌 {{ notice.title }} - [ {{ notice.commentCount }} ] - - - N +
+ 📌 + {{ notice.title }} + + + [ {{ notice.commentCount }} ] + + + + + + + N + +
{{ notice.author }} {{ notice.date }} @@ -81,15 +89,17 @@ @click="goDetail(post.realId)" > {{ post.id }} - - {{ post.title }} - [ {{ post.commentCount }} ] - - - N + +
+ {{ post.title }} + [ {{ post.commentCount }} ] + + + N +
{{ post.author }} {{ post.date }}