A1300399510/suno
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

选中纯音乐删除歌词

Browse Source
This commit is contained in:
A1300399510 2024-07-23 10:53:10 +08:00
parent aa94efc54d
commit baf0ae1b04
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.vue
View File

@ -496,6 +496,14 @@ const handlelike = index => {
// target.is_liked = 1
}
// 切换纯音乐
const switchchange = value => {
// 当切换到纯音乐时去掉歌词
if (!value) {
obj.value.prompt = ""
}
}
</script>
<template>
@ -561,7 +569,7 @@ const handlelike = index => {
<template v-else>
<div class="toggle-switch title-box flexacenter">
<div class="title-left flexacenter">
<el-switch v-model="obj.has_vocal" style="--el-switch-on-color: #fbd38d; --el-switch-off-color: #ffffff3d;" :active-value="false" :inactive-value="true" />
<el-switch v-model="obj.has_vocal" style="--el-switch-on-color: #fbd38d; --el-switch-off-color: #ffffff3d;" :active-value="false" :inactive-value="true" @change="switchchange" />
纯音乐
<el-popover placement="right" :width="150" trigger="click" content="没有歌词的音乐。">
<template #reference>
@ -571,7 +579,7 @@ const handlelike = index => {
</div>
</div>
<div class="lyric">
<div class="lyric" v-if="obj.has_vocal">
<div class="title-box flexacenter">
<div class="title-left flexacenter">
歌词