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

Merge branch 'boardmodify3'

Browse Source
This commit is contained in:
nevermoregb 2025-03-11 14:50:29 +09:00
commit c8418ba292
2 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/board/BoardComment.vue
View File

@ -48,7 +48,10 @@
<!-- <template v-if="isDeleted"> <!-- <template v-if="isDeleted">
<p class="m-0 text-muted">댓글이 삭제되었습니다.</p> <p class="m-0 text-muted">댓글이 삭제되었습니다.</p>
</template> --> </template> -->
<PlusButton v-if="isPlusButton" @click="toggleComment" class="mt-6" /> <PlusButton v-if="isPlusButton" @click="toggleComment" class="mt-6">
<i class="icon-base bx bx-plus beforeRotate" :class="{ rotate: isComment }"></i>
</PlusButton>
<BoardCommentArea v-if="isComment" :unknown="unknown" @submitComment="submitComment" :commnetId="comment.commentId" /> <BoardCommentArea v-if="isComment" :unknown="unknown" @submitComment="submitComment" :commnetId="comment.commentId" />
<slot name="reply"></slot> <slot name="reply"></slot>
@ -174,3 +177,13 @@
emit('editClick', props.comment); emit('editClick', props.comment);
}; };
</script> </script>
<style>
.beforeRotate {
transition: transform 0.3s ease-in-out;
}
.rotate {
transform: rotate(45deg);
transition: transform 0.3s ease-in-out;
}
</style>

15
src/components/button/PlusBtn.vue
View File

@ -1,13 +1,14 @@
<template> <template>
<button class="btn btn-label-primary btn-icon"> <button class="btn btn-label-primary btn-icon">
<i class="icon-base bx bx-plus"></i> <slot>
</button> <i class="icon-base bx bx-plus"></i>
</slot>
</button>
</template> </template>
<script> <script>
export default { export default {
name: 'PlusButton', name: 'PlusButton',
methods: { methods: {},
}, };
};
</script> </script>