mirror of
https://github.com/mayswind/ezbookkeeping.git
synced 2026-05-15 23:47:33 +08:00
add enable auto dark mode option
This commit is contained in:
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user