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

아이콘 간격 수정

Browse Source
This commit is contained in:
nevermoregb 2025-03-06 12:15:37 +09:00
parent 6c4fc7ac8e
commit 6ac3d587f8
1 changed files with 92 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/board/BoardProfile.vue
View File

@ -10,12 +10,8 @@
<div class="profile-detail">
<span>{{ date }}</span>
<template v-if="showDetail">
<span class="ms-2">
<i class="fa-regular fa-eye"></i> {{ views }}
</span>
<span>
<i class="bx bx-comment"></i> {{ commentNum }}
</span>
<span class="ms-2"> <i class="fa-regular fa-eye"></i> {{ views }} </span>
<span class="ms-1"> <i class="bx bx-comment"></i> {{ commentNum }} </span>
</template>
</div>
</div>
@ -29,12 +25,7 @@
</template>
<!-- 좋아요, 싫어요 버튼 (댓글에서만 표시) -->
<BoardRecommendBtn
v-if="isLike"
:boardId="boardId"
:comment="comment"
@updateReaction="handleUpdateReaction"
/>
<BoardRecommendBtn v-if="isLike" :boardId="boardId" :comment="comment" @updateReaction="handleUpdateReaction" />
</div>
</div>
</template>
@ -46,10 +37,10 @@ import EditButton from '../button/EditBtn.vue';
import BoardRecommendBtn from '../button/BoardRecommendBtn.vue';
// 기본 프로필 이미지 경로
const defaultProfile = "/img/icons/icon.png";
const defaultProfile = '/img/icons/icon.png';
// 서버의 이미지 경로 (Vue 환경 변수 사용 가능)
const baseUrl = "http://localhost:10325/"; // API 서버 URL
const baseUrl = 'http://localhost:10325/'; // API 서버 URL
// Props 정의
const props = defineProps({
@ -59,7 +50,7 @@ const props = defineProps({
},
boardId: {
type: Number,
required: false
required: false,
},
commentId: {
type: Number,
@ -102,14 +93,13 @@ const props = defineProps({
isLike: {
type: Boolean,
default: false,
}
},
});
const emit = defineEmits(['updateReaction', 'editClick', 'deleteClick']);
const isDeletedComment = computed(() => {
return props.comment?.content === '삭제된 댓글입니다' &&
props.comment?.updateAtRaw !== props.comment?.createdAtRaw;
return props.comment?.content === '삭제된 댓글입니다' && props.comment?.updateAtRaw !== props.comment?.createdAtRaw;
});
// 수정
@ -123,8 +113,8 @@ const deleteClick = () => {
};
// 좋아요/싫어요 업데이트
const handleUpdateReaction = (reactionData) => {
emit("updateReaction", {
const handleUpdateReaction = reactionData => {
emit('updateReaction', {
boardId: props.boardId,
commentId: props.comment?.commentId,
...reactionData,
@ -132,9 +122,7 @@ const handleUpdateReaction = (reactionData) => {
};
// 프로필 이미지 경로 설정
const getProfileImage = (profilePath) => {
return profilePath && profilePath.trim()
? `${baseUrl}upload/img/profile/${profilePath}`
: defaultProfile;
const getProfileImage = profilePath => {
return profilePath && profilePath.trim() ? `${baseUrl}upload/img/profile/${profilePath}` : defaultProfile;
};
</script>