lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-04-23 23:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

🐞 fix: 修复作者不显示问题

Browse Source
This commit is contained in:
alger
2024-09-13 09:43:05 +08:00
parent a98fcb43d6
commit 941eb2e66e
5 changed files with 30 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/components/MusicFull.vue
+4 -4
View File
@@ -12,8 +12,8 @@
<div class="music-content">
<div class="music-content-name">{{ playMusic.name }}</div>
<div class="music-content-singer">
<span v-for="(item, index) in playMusic.artists" :key="index">
{{ item.name }}{{ index < playMusic.artists.length - 1 ? ' / ' : '' }}
<span v-for="(item, index) in playMusic.song.artists" :key="index">
{{ item.name }}{{ index < playMusic.song.artists.length - 1 ? ' / ' : '' }}
</span>
</div>
<n-layout
@@ -57,7 +57,7 @@ import {
reduceCorrectionTime,
setAudioTime,
} from '@/hooks/MusicHook';
import type { Song } from '@/type/music';
import type { SongResult } from '@/type/music';
import { getImgUrl } from '@/utils';
const store = useStore();
@@ -74,7 +74,7 @@ const props = defineProps({
});
// 播放的音乐信息
const playMusic = computed(() => store.state.playMusic as Song);
const playMusic = computed(() => store.state.playMusic as SongResult);
const isPlaying = computed(() => store.state.play as boolean);
// 获取歌词滚动dom
const lrcSider = ref<any>(null);
src/layout/components/PlayBar.vue
+5 -5
View File
@@ -21,8 +21,8 @@
</div>
<div class="music-content-name">
<n-ellipsis class="text-ellipsis" line-clamp="1">
<span v-for="(item, index) in playMusic.artists" :key="index">
{{ item.name }}{{ index < playMusic.artists.length - 1 ? ' / ' : '' }}
<span v-for="(item, index) in playMusic.song.artists" :key="index">
{{ item.name }}{{ index < playMusic.song.artists.length - 1 ? ' / ' : '' }}
</span>
</n-ellipsis>
</div>
@@ -98,7 +98,7 @@ import { useStore } from 'vuex';
import SongItem from '@/components/common/SongItem.vue';
import { allTime, isElectron, loadLrc, nowTime, openLyric, sendLyricToWin } from '@/hooks/MusicHook';
import type { Song } from '@/type/music';
import type { SongResult } from '@/type/music';
import { getImgUrl, secondToMinute, setAnimationClass } from '@/utils';
import MusicFull from './MusicFull.vue';
@@ -106,11 +106,11 @@ import MusicFull from './MusicFull.vue';
const store = useStore();
// 播放的音乐信息
const playMusic = computed(() => store.state.playMusic as Song);
const playMusic = computed(() => store.state.playMusic as SongResult);
// 是否播放
const play = computed(() => store.state.play as boolean);
const playList = computed(() => store.state.playList as Song[]);
const playList = computed(() => store.state.playList as SongResult[]);
const audio = {
value: document.querySelector('#MusicAudio') as HTMLAudioElement,