mirror of
https://github.com/algerkong/AlgerMusicPlayer.git
synced 2026-05-03 07:37:23 +08:00
feat: 在用户歌单中添加“我创建的”标签,优化获取用户歌单的逻辑
This commit is contained in:
@@ -6,6 +6,7 @@ export default {
|
|||||||
},
|
},
|
||||||
playlist: {
|
playlist: {
|
||||||
created: 'Created Playlists',
|
created: 'Created Playlists',
|
||||||
|
mine: 'Mine',
|
||||||
trackCount: '{count} tracks',
|
trackCount: '{count} tracks',
|
||||||
playCount: 'Played {count} times'
|
playCount: 'Played {count} times'
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ export default {
|
|||||||
},
|
},
|
||||||
playlist: {
|
playlist: {
|
||||||
created: '创建的歌单',
|
created: '创建的歌单',
|
||||||
|
mine: '我创建的',
|
||||||
trackCount: '{count}首',
|
trackCount: '{count}首',
|
||||||
playCount: '播放{count}次'
|
playCount: '播放{count}次'
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -159,9 +159,9 @@ const fetchUserPlaylists = async () => {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const res = await getUserPlaylist(user.userId);
|
const res = await getUserPlaylist(user.userId, 999);
|
||||||
if (res.data?.playlist) {
|
if (res.data?.playlist) {
|
||||||
playlists.value = res.data.playlist;
|
playlists.value = res.data.playlist.filter((item: any) => item.userId === user.userId);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('获取歌单失败:', error);
|
console.error('获取歌单失败:', error);
|
||||||
|
|||||||
@@ -43,7 +43,12 @@
|
|||||||
preview-disabled
|
preview-disabled
|
||||||
/>
|
/>
|
||||||
<div class="play-list-item-info">
|
<div class="play-list-item-info">
|
||||||
<div class="play-list-item-name">{{ item.name }}</div>
|
<div class="play-list-item-name">
|
||||||
|
{{ item.name }}
|
||||||
|
<div v-if="item.creator.userId === user.userId" class="playlist-creator-tag">
|
||||||
|
{{ t('user.playlist.mine') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="play-list-item-count">
|
<div class="play-list-item-count">
|
||||||
{{ t('user.playlist.trackCount', { count: item.trackCount }) }},{{
|
{{ t('user.playlist.trackCount', { count: item.trackCount }) }},{{
|
||||||
t('user.playlist.playCount', { count: item.playCount })
|
t('user.playlist.playCount', { count: item.playCount })
|
||||||
@@ -353,11 +358,22 @@ const showFollowList = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-info {
|
&-info {
|
||||||
@apply ml-2;
|
@apply ml-2 flex-1;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-name {
|
&-name {
|
||||||
@apply text-gray-900 dark:text-white text-base;
|
@apply text-gray-900 dark:text-white text-base flex items-center gap-2;
|
||||||
|
|
||||||
|
.playlist-creator-tag {
|
||||||
|
@apply inline-flex items-center justify-center px-2 rounded-full text-xs;
|
||||||
|
@apply bg-light-300 text-primary dark:bg-dark-300 dark:text-white;
|
||||||
|
@apply border border-primary/20 dark:border-primary/30;
|
||||||
|
height: 18px;
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
-webkit-backdrop-filter: blur(4px);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-count {
|
&-count {
|
||||||
|
|||||||
Reference in New Issue
Block a user