diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue index 64886a7d..c903d216 100644 --- a/src/layout/components/Navbar.vue +++ b/src/layout/components/Navbar.vue @@ -10,9 +10,10 @@ - + + @@ -41,6 +42,7 @@ + diff --git a/src/settings.ts b/src/settings.ts index 37585fa9..8f8bc278 100644 --- a/src/settings.ts +++ b/src/settings.ts @@ -10,7 +10,7 @@ interface DefaultSettings { const defaultSettings: DefaultSettings = { title: 'vue3-element-admin', - showSettings: false, + showSettings: true, tagsView: true, fixedHeader: false, sidebarLogo: false, diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts index 73cf4044..88311660 100644 --- a/src/store/modules/settings.ts +++ b/src/store/modules/settings.ts @@ -1,13 +1,12 @@ -import { defineStore } from "pinia"; -import { store } from "@/store"; +import {defineStore} from "pinia"; +import {store} from "@/store"; import {SettingState} from "@/store/interface"; import defaultSettings from '../../settings' - const {showSettings, tagsView, fixedHeader, sidebarLogo} = defaultSettings export const useSettingStore = defineStore({ id: "setting", - state:():SettingState =>({ + state: (): SettingState => ({ theme: '', showSettings: showSettings, tagsView: tagsView, @@ -15,11 +14,11 @@ export const useSettingStore = defineStore({ sidebarLogo: sidebarLogo, }), actions: { - async changeSetting( payload: { key: string, value: any }){ + async changeSetting(payload: { key: string, value: any }) { const {key, value} = payload switch (key) { case 'theme': - this.theme = value + this.theme = value break case 'showSettings': this.showSettings = value