mirror of
https://github.com/GiriNeko/YesPlayMusic.git
synced 2025-12-17 05:38:04 +00:00
fix(tracklist): TrackListItem 序号问题 (#2011)
直接使用 track.no 可能导致歌曲编号重复。改使用曲目在 阵列中的实际索引位置。
This commit is contained in:
parent
7b97ac0139
commit
8a50337854
3 changed files with 4 additions and 4 deletions
|
|
@ -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)"
|
||||||
|
|
|
||||||
|
|
@ -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,
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue