feat: 添加系统设置

src/layout/components/Navbar.vue

@@ -10,9 +10,10 @@
         <!--        <search id="header-search" class="right-menu-item" />
                 <error-log class="errLog-container right-menu-item hover-effect" />-->
         <screenfull id="screenfull" class="right-menu-item hover-effect"/>
-        <el-tooltip content="全局大小" effect="dark" placement="bottom">
+        <el-tooltip content="布局大小" effect="dark" placement="bottom">
           <size-select id="size-select" class="right-menu-item hover-effect"/>
         </el-tooltip>
+
       </template>
 
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
@@ -41,6 +42,7 @@
           </el-dropdown-menu>
         </template>
       </el-dropdown>
+
     </div>
   </div>
 </template>

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,

src/store/modules/settings.ts

@@ -1,13 +1,12 @@
-import { defineStore } from "pinia";
+import {defineStore} from "pinia";
-import { store } from "@/store";
+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