歌曲列表右击菜单新增跳转到当前歌曲源官方详情页菜单

This commit is contained in:
lyswhut
2020-06-25 23:10:38 +08:00
parent 9eec1adf77
commit 5d91643637
29 changed files with 116 additions and 13 deletions
+3 -3
View File
@@ -948,14 +948,13 @@ export default {
.progress {
width: 100%;
height: 3px;
border-radius: 10px;
// overflow: hidden;
transition: @transition-theme;
transition-property: background-color;
background-color: @color-player-progress;
// background-color: #f5f5f5;
position: relative;
border-radius: @radius-progress-border;
border-radius: 20px;
}
.progress-mask {
position: absolute;
@@ -972,7 +971,7 @@ export default {
width: 100%;
height: 100%;
transform-origin: 0;
border-radius: @radius-progress-border;
border-radius: 20px;
}
.progress-bar1 {
background-color: @color-player-progress-bar1;
@@ -1008,6 +1007,7 @@ export default {
color: @color-player-status-text;
.mixin-ellipsis-1;
// padding: 0 5px;
padding-right: 5px;
flex: 1 1 0;
// text-align: center;
line-height: 1.2;
+11 -3
View File
@@ -49,6 +49,7 @@ div(:class="$style.songList")
<script>
import { mapGetters } from 'vuex'
import { scrollTo, clipboardWriteText, assertApiSupport, findParentNode } from '../../utils'
import musicSdk from '../../utils/music'
export default {
name: 'MaterialSongList',
model: {
@@ -113,15 +114,20 @@ export default {
action: 'download',
disabled: !this.listMenu.itemMenuControl.download,
},
{
name: this.$t('material.song_list.list_search'),
action: 'search',
disabled: !this.listMenu.itemMenuControl.search,
},
{
name: this.$t('material.song_list.list_add_to'),
action: 'addTo',
disabled: !this.listMenu.itemMenuControl.addTo,
},
{
name: this.$t('material.song_list.list_search'),
action: 'search',
disabled: !this.listMenu.itemMenuControl.search,
name: this.$t('material.song_list.list_source_detail'),
action: 'sourceDetail',
disabled: !this.listMenu.itemMenuControl.sourceDetail,
},
]
},
@@ -169,6 +175,7 @@ export default {
addTo: true,
download: true,
search: true,
sourceDetail: true,
},
menuLocation: {
x: 0,
@@ -326,6 +333,7 @@ export default {
return assertApiSupport(source)
},
handleListItemRigthClick(event, index) {
this.listMenu.itemMenuControl.sourceDetail = !!musicSdk[this.list[index].source].getMusicDetailPageUrl
let dom_selected = this.$refs.dom_tbody.querySelector('tr.selected')
if (dom_selected) dom_selected.classList.remove('selected')
this.$refs.dom_tbody.querySelectorAll('tr')[index].classList.add('selected')