diff --git a/src/views/Content/ContentList.vue b/src/views/Content/ContentList.vue index fab7b55..2d3e8ca 100644 --- a/src/views/Content/ContentList.vue +++ b/src/views/Content/ContentList.vue @@ -79,6 +79,9 @@ <th class="text-center"> 가격 </th> + <th class="text-center"> + 한정판 + </th> <th class="text-center"> 19금 </th> @@ -107,8 +110,8 @@ <td>{{ item.audioContentId }}</td> <td align="center"> <v-img - max-width="100" - max-height="100" + max-width="70" + max-height="70" :src="item.coverImageUrl" class="rounded-circle" /> @@ -117,11 +120,16 @@ :href="item.coverImageUrl" class="v-btn v-btn--outlined" > - Download Image + 다운로드 </a> </td> - <td>{{ item.title }}</td> - <td style="max-width: 350px !important; word-break:break-all; height: auto;"> + <td> + <vue-show-more-text + :text="item.title" + :lines="3" + /> + </td> + <td style="max-width: 200px !important; word-break:break-all; height: auto;"> <vue-show-more-text :text="item.detail" :lines="3" @@ -130,18 +138,27 @@ <td>{{ item.curationTitle || '없음' }}</td> <td>{{ item.creatorNickname }}</td> <td>{{ item.theme }}</td> - <td style="max-width: 200px !important; word-break:break-all; height: auto;"> + <td style="max-width: 100px !important; word-break:break-all; height: auto;"> <vue-show-more-text :text="item.tags" :lines="3" /> </td> <td v-if="item.price > 0"> - {{ item.price }} 코인 + {{ item.price }} 캔 </td> <td v-else> 무료 </td> + <td + v-if="item.totalContentCount > 0" + style="min-width: 100px !important; word-break:break-all; height: auto;" + > + {{ item.remainingContentCount }} / {{ item.totalContentCount }} + </td> + <td v-else> + X + </td> <td> <div v-if="item.isAdult"> O