tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

!3 利用vueuse做主题持久化存储和elementPlus主题色切换

Browse Source 
Merge pull request !3 from 小小大石头/master

Former-commit-id: 32ed5ac11901a09c4ecbcb28b34b9fb64ca1ca8b
This commit is contained in:
郝先瑞
2022-12-20 03:04:22 +00:00
committed by Gitee
parent 4bcbccf7e6 63d7652328
commit de2cc28ad4
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/store/modules/settings.ts
View File

@@ -2,15 +2,13 @@ import { defineStore } from 'pinia';
import defaultSettings from '../../settings'; import defaultSettings from '../../settings';
import { localStorage } from '@/utils/localStorage'; import { localStorage } from '@/utils/localStorage';
import { ref } from 'vue'; import { ref } from 'vue';
import { useCssVar, useStorage } from '@vueuse/core';
const el = document.documentElement; const el = document.documentElement;
export const useSettingsStore = defineStore('setting', () => { export const useSettingsStore = defineStore('setting', () => {
// state // state
const theme = ref( const theme = useStorage('theme', useCssVar('--el-color-primary', el))
localStorage.get('theme') ||
getComputedStyle(el).getPropertyValue(`--el-color-primary`)
);
const showSettings = ref<boolean>(defaultSettings.showSettings); const showSettings = ref<boolean>(defaultSettings.showSettings);
const tagsView = ref<boolean>( const tagsView = ref<boolean>(