add enable auto dark mode option

This commit is contained in:
MaysWind
2020-11-01 20:36:55 +08:00
parent d01084f878
commit 7dc628cfcc
5 changed files with 23 additions and 2 deletions
+15
View File
@@ -23,6 +23,10 @@
<span>{{ $t('Enable Animate') }}</span>
<f7-toggle :checked="isEnableAnimate" @toggle:change="isEnableAnimate = $event"></f7-toggle>
</f7-list-item>
<f7-list-item>
<span>{{ $t('Enable Auto Dark Mode') }}</span>
<f7-toggle :checked="isEnableAutoDarkMode" @toggle:change="isEnableAutoDarkMode = $event"></f7-toggle>
</f7-list-item>
<f7-list-item :title="$t('About')" link="/about" :after="version"></f7-list-item>
</f7-list>
</f7-page>
@@ -62,6 +66,17 @@ export default {
location.reload();
}
}
},
isEnableAutoDarkMode: {
get: function () {
return this.$settings.isEnableAutoDarkMode();
},
set: function (value) {
if (value !== this.$settings.isEnableAutoDarkMode()) {
this.$settings.setEnableAutoDarkMode(value);
location.reload();
}
}
}
},
methods: {