klaus
/
sodalive-vuejs-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

콘텐츠 리스트 

- 한정판 여부 표시
This commit is contained in:
Yu Sung 2024-03-27 19:49:59 +09:00
parent 5a79ef93d2
commit ac5e184a47
1 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/Content/ContentList.vue
View File

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