fix(admin): 收紧收藏与点赞列表展示
This commit is contained in:
1 parent
83bb87eeb3
commit
8cd4569a20
2 files changed
+22
-3
No files matched your search
@@ -109,7 +109,9 @@ onMounted(load)
|
|||||||
<div class="app-user-meta">
|
<div class="app-user-meta">
|
||||||
<template v-if="row.userId == null">
|
<template v-if="row.userId == null">
|
||||||
<el-tag type="info" size="small">游客</el-tag>
|
<el-tag type="info" size="small">游客</el-tag>
|
||||||
<span class="app-user-uid">{{ row.deviceId || '—' }}</span>
|
<span class="app-user-uid engagement-device-id" :title="row.deviceId || ''">{{
|
||||||
|
row.deviceId || '—'
|
||||||
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
|
<span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
|
||||||
@@ -134,7 +136,6 @@ onMounted(load)
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="dramaId" label="短剧 ID" min-width="150" show-overflow-tooltip />
|
|
||||||
<el-table-column label="收藏时间" min-width="170">
|
<el-table-column label="收藏时间" min-width="170">
|
||||||
<template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
|
<template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -155,15 +156,24 @@ onMounted(load)
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.engagement-device-id {
|
||||||
|
max-width: 150px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
.engagement-range {
|
.engagement-range {
|
||||||
width: 360px;
|
width: 360px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.engagement-drama {
|
.engagement-drama {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.engagement-cover {
|
.engagement-cover {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
|
|||||||
@@ -132,7 +132,9 @@ onMounted(load)
|
|||||||
<div class="app-user-meta">
|
<div class="app-user-meta">
|
||||||
<template v-if="row.userId == null">
|
<template v-if="row.userId == null">
|
||||||
<el-tag type="info" size="small">游客</el-tag>
|
<el-tag type="info" size="small">游客</el-tag>
|
||||||
<span class="app-user-uid">{{ row.deviceId || '—' }}</span>
|
<span class="app-user-uid engagement-device-id" :title="row.deviceId || ''">{{
|
||||||
|
row.deviceId || '—'
|
||||||
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
|
<span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
|
||||||
@@ -170,6 +172,13 @@ onMounted(load)
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.engagement-device-id {
|
||||||
|
max-width: 150px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
.engagement-range {
|
.engagement-range {
|
||||||
width: 360px;
|
width: 360px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|||||||
Reference in new issue
Block a user