新增播放详情页歌词右键菜单,新增歌词偏移设置

This commit is contained in:
lyswhut
2022-03-22 16:55:44 +08:00
parent 82ea1935de
commit bc301c27c2
18 changed files with 572 additions and 62 deletions
+3 -3
View File
@@ -97,9 +97,9 @@ export default {
watch(() => setting.value.player.mediaDeviceId, val => {
currentStting.value.player.mediaDeviceId = val
})
watch(() => setting.value.playDetail.style.fontSize, val => {
currentStting.value.playDetail.style.fontSize = val
})
watch(() => setting.value.playDetail, val => {
currentStting.value.playDetail = val
}, { deep: true })
watch(() => setting.value.player.isMute, val => {
currentStting.value.player.isMute = val
})
@@ -4,7 +4,7 @@ dd
.gap-top
base-checkbox(id="setting_play_detail_font_zoom_enable" v-model="currentStting.playDetail.isZoomActiveLrc" :label="$t('setting__play_detail_font_zoom')")
.gap-top
base-checkbox(id="setting_play_detail_lyric_progress_enable" v-model="currentStting.playDetail.isShowLyricProgressSetting" :label="$t('setting__play_detail_detail_lyric_progress')")
base-checkbox(id="setting_play_detail_lyric_progress_enable" v-model="currentStting.playDetail.isShowLyricProgressSetting" :label="$t('setting__play_detail_lyric_progress')")
dd
h3#play_detail_align {{$t('setting__play_detail_align')}}
@@ -13,12 +13,6 @@ dd
base-checkbox.gap-left(id="setting_play_detail_align_center" v-model="currentStting.playDetail.style.align" value="center" :label="$t('setting__play_detail_align_center')")
//- base-checkbox.gap-left(id="setting_play_detail_align_right" v-model="currentStting.playDetail.style.align" value="right" :label="$t('setting__play_detail_align_right')")
dd
h3#play_detail_align {{$t('setting__play_detail_font_size')}}
div
p.gap-top {{$t('setting__play_detail_font_size_current', { size: currentStting.playDetail.style.fontSize })}}
base-btn.gap-top.btn(min @click="handleResetFont") {{$t('setting__play_detail_font_size_reset')}}
</template>
<script>
@@ -28,13 +22,8 @@ import { currentStting } from '../setting'
export default {
name: 'SettingPlayDetail',
setup() {
const handleResetFont = () => {
currentStting.value.playDetail.style.fontSize = 100
}
return {
currentStting,
handleResetFont,
}
},
}