feat(lyrics): add static lyrics background (#614)

* feat(lyrics): add static lyrics background

close #607

* add high GPU usage message
This commit is contained in:
Map1en_ 2021-04-27 17:09:10 +08:00 committed by GitHub
parent f1e3d8ebf0
commit fa9acc9c89
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 52 additions and 31 deletions

View file

@ -167,20 +167,20 @@
</div>
<div class="item">
<div class="left">
<div class="title">{{
$t('settings.showLyricsDynamicBackground')
}}</div>
<div class="title">{{ $t('settings.lyricsBackground.text') }}</div>
</div>
<div class="right">
<div class="toggle">
<input
id="show-lyrics-dynamic-background"
v-model="showLyricsDynamicBackground"
type="checkbox"
name="show-lyrics-dynamic-background"
/>
<label for="show-lyrics-dynamic-background"></label>
</div>
<select v-model="lyricsBackground">
<option :value="false">
{{ $t('settings.lyricsBackground.off') }}
</option>
<option :value="true">
{{ $t('settings.lyricsBackground.on') }}
</option>
<option value="dynamic">
{{ $t('settings.lyricsBackground.dynamic') }}
</option>
</select>
</div>
</div>
<div class="item">
@ -564,13 +564,13 @@ export default {
});
},
},
showLyricsDynamicBackground: {
lyricsBackground: {
get() {
return this.settings.showLyricsDynamicBackground;
return this.settings.lyricsBackground || false;
},
set(value) {
this.$store.commit('updateSettings', {
key: 'showLyricsDynamicBackground',
key: 'lyricsBackground',
value,
});
},