fix(tracklist): TrackListItem 序号问题 (#2011)

直接使用 track.no 可能导致歌曲编号重复。改使用曲目在
阵列中的实际索引位置。
This commit is contained in:
Younglina 2023-04-08 23:12:13 +08:00 committed by GitHub
parent 7b97ac0139
commit 8a50337854
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions

View file

@ -65,6 +65,7 @@
v-for="(track, index) in tracks" v-for="(track, index) in tracks"
:key="itemKey === 'id' ? track.id : `${track.id}${index}`" :key="itemKey === 'id' ? track.id : `${track.id}${index}`"
:track-prop="track" :track-prop="track"
:track-no="index + 1"
:highlight-playing-track="highlightPlayingTrack" :highlight-playing-track="highlightPlayingTrack"
@dblclick.native="playThisList(track.id || track.songId)" @dblclick.native="playThisList(track.id || track.songId)"
@click.right.native="openMenu($event, track, index)" @click.right.native="openMenu($event, track, index)"

View file

@ -21,7 +21,7 @@
style="height: 14px; width: 14px" style="height: 14px; width: 14px"
></svg-icon> ></svg-icon>
</button> </button>
<span v-show="(!focus || !playable) && !isPlaying">{{ track.no }}</span> <span v-show="(!focus || !playable) && !isPlaying">{{ trackNo }}</span>
<button v-show="isPlaying"> <button v-show="isPlaying">
<svg-icon <svg-icon
icon-class="volume" icon-class="volume"
@ -96,6 +96,7 @@ export default {
props: { props: {
trackProp: Object, trackProp: Object,
trackNo: Number,
highlightPlayingTrack: { highlightPlayingTrack: {
type: Boolean, type: Boolean,
default: true, default: true,

View file

@ -96,9 +96,7 @@
{{ $t('album.released') }} {{ $t('album.released') }}
{{ album.publishTime | formatDate('MMMM D, YYYY') }} {{ album.publishTime | formatDate('MMMM D, YYYY') }}
</div> </div>
<div v-if="album.company" class="copyright"> <div v-if="album.company" class="copyright"> © {{ album.company }} </div>
© {{ album.company }}
</div>
</div> </div>
<div v-if="filteredMoreAlbums.length !== 0" class="more-by"> <div v-if="filteredMoreAlbums.length !== 0" class="more-by">
<div class="section-title"> <div class="section-title">