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:
Dang 2024-12-17 09:56:34 +09:00
parent 70373a070b
commit 0b04d94bc2
2 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Comment.vue
View File

@ -14,6 +14,10 @@
<Profile profileName=곤데리 :showDetail="false" /> <Profile profileName=곤데리 :showDetail="false" />
<div>저도 궁금합니다.</div> <div>저도 궁금합니다.</div>
</li> </li>
<li>
<Profile profileName=곤데리 :showDetail="false" :unknown="false"/>
<div>저도 궁금합니다.</div>
</li>
</ul> </ul>
<div>페이지네이션2</div> <div>페이지네이션2</div>
</template> </template>

28
src/components/Profile.vue
View File

@ -8,7 +8,7 @@
<h6 class="mb-0">{{ profileName }}</h6> <h6 class="mb-0">{{ profileName }}</h6>
<div class="profile-detail"> <div class="profile-detail">
<span>2024.12.10 10:46</span> <span>2024.12.10 10:46</span>
<template v-if="showDetail"> <template v-if="showDetail">
<span> <span>
<i class="fa-regular fa-eye"></i> 1 <i class="fa-regular fa-eye"></i> 1
</span> </span>
@ -23,12 +23,22 @@
</div> </div>
</div> </div>
<div class="ms-auto"> <div class="ms-auto">
<button class="btn btn-label-primary btn-icon"> <template v-if="showDetail">
<i class="fa-regular fa-thumbs-up"></i> <button class="btn btn-label-primary btn-icon">
</button> <i class='bx bx-edit-alt'></i>
<button class="btn btn-label-primary btn-icon"> </button>
<i class="fa-regular fa-thumbs-down"></i> <button class="btn btn-label-primary btn-icon">
</button> <i class='bx bx-trash' ></i>
</button>
</template>
<template v-else>
<button class="btn btn-label-primary btn-icon">
<i class="fa-regular fa-thumbs-up"></i> <span class="num">1</span>
</button>
<button class="btn btn-label-danger btn-icon">
<i class="fa-regular fa-thumbs-down"></i> <span class="num">1</span>
</button>
</template>
</div> </div>
</div> </div>
</template> </template>
@ -58,4 +68,8 @@ defineProps({
.ms-auto button + button { .ms-auto button + button {
margin-left: 5px; margin-left: 5px;
} }
.num {
margin-left: 5px;
}
</style> </style>