diff --git a/src/i18n/lang/en-US/search.ts b/src/i18n/lang/en-US/search.ts index 4f473e2..a04dcdd 100644 --- a/src/i18n/lang/en-US/search.ts +++ b/src/i18n/lang/en-US/search.ts @@ -6,7 +6,8 @@ export default { }, button: { clear: 'Clear', - back: 'Back' + back: 'Back', + playAll: 'Play All' }, loading: { more: 'Loading...', diff --git a/src/i18n/lang/zh-CN/search.ts b/src/i18n/lang/zh-CN/search.ts index f6c5f91..06a18e1 100644 --- a/src/i18n/lang/zh-CN/search.ts +++ b/src/i18n/lang/zh-CN/search.ts @@ -6,7 +6,8 @@ export default { }, button: { clear: '清空', - back: '返回' + back: '返回', + playAll: '播放列表' }, loading: { more: '加载中...', diff --git a/src/renderer/components/common/SongItem.vue b/src/renderer/components/common/SongItem.vue index d943da8..a35c6a1 100644 --- a/src/renderer/components/common/SongItem.vue +++ b/src/renderer/components/common/SongItem.vue @@ -61,6 +61,14 @@ @click.stop="toggleFavorite" > + + + {{ t('songItem.menu.playNext') }} +
(), { mini: false, @@ -117,7 +126,8 @@ const props = withDefaults( favorite: true, selectable: false, selected: false, - canRemove: false + canRemove: false, + isNext: false } ); @@ -475,6 +485,14 @@ const handlePlayNext = () => { @apply mr-2 cursor-pointer ml-4 transition-all; } + &-next { + @apply mr-2 cursor-pointer transition-all; + + .iconfont { + @apply text-xl transition text-gray-500 dark:text-gray-400 hover:text-green-500; + } + } + .like-active { @apply text-red-500 dark:text-red-500; } diff --git a/src/renderer/views/search/index.vue b/src/renderer/views/search/index.vue index e4929c9..a635ef5 100644 --- a/src/renderer/views/search/index.vue +++ b/src/renderer/views/search/index.vue @@ -37,6 +37,12 @@ @click="searchDetail = null" > {{ hotKeyword }} +
+
+ + {{ t('search.button.playAll') }} +
+