style(components): 调整音乐列表操作区域宽度并优化音乐播放器监听
- 将 MusicList 组件中的 .actions 和 .item-actions 类的宽度从 150px 增加到200px - 在 MusicPlayer 组件中,为 watch监听对象添加 deep: true选项,以深度监听变化
This commit is contained in:
@@ -356,7 +356,7 @@ const handleCurrentChange = (page) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.actions, .item-actions {
|
.actions, .item-actions {
|
||||||
width: 150px;
|
width: 200px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
|||||||
@@ -570,7 +570,7 @@ watch(currentMusic, (newMusic) => {
|
|||||||
lyricLines.value = {}
|
lyricLines.value = {}
|
||||||
if (isExpanded.value) expandedActiveTab.value = 'lyric'
|
if (isExpanded.value) expandedActiveTab.value = 'lyric'
|
||||||
}
|
}
|
||||||
})
|
}, { deep: true })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
Reference in New Issue
Block a user