image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-09-20 10:44:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: auto mode error

Browse Source
This commit is contained in:
Uyarn 2021-12-23 01:29:06 +08:00 committed by uyarnchen
parent 658fad2898
commit 8ab5ec409f
2 changed files with 17363 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17361
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

3
src/store/modules/setting.ts
View File

@ -74,7 +74,7 @@ const actions = {
}, },
async changeMode({ commit, state }, payload: IStateType) { async changeMode({ commit, state }, payload: IStateType) {
let theme = payload.mode; let theme = payload.mode;
const isDarkMode = theme === 'dark';
if (payload.mode === 'auto') { if (payload.mode === 'auto') {
const media = window.matchMedia('(prefers-color-scheme:dark)'); const media = window.matchMedia('(prefers-color-scheme:dark)');
if (media.matches) { if (media.matches) {
@ -83,6 +83,7 @@ const actions = {
theme = 'light'; theme = 'light';
} }
} }
const isDarkMode = theme === 'dark';
if (theme !== state.mode) { if (theme !== state.mode) {
document.documentElement.setAttribute('theme-mode', isDarkMode ? 'dark' : ''); document.documentElement.setAttribute('theme-mode', isDarkMode ? 'dark' : '');
} }