svae

src/layout/background/BackgroundPage.tsx

@@ -60,8 +60,8 @@ export default defineComponent(() => {
         <div class="flex justify-between items-center py-4">
           <Button type="primary" icon={<SwapOutlined />}
           onClick={()=> {
-            router.path = ''
-            router.path = 's2-background'
+            router.go ('')
+            
           }}>
             更换壁纸
           </Button>

src/layout/background/BackgroundSwtich.tsx

@@ -3,8 +3,8 @@ import  { defineComponent } from "vue";
 export default defineComponent({
     setup() {
         return (
-            <div>
-                
+            <div class={"w-full h-full bg-red-300"}>
+                background
             </div>
         )
     }

src/settings/SettingsOverlay.tsx

@@ -52,41 +52,34 @@ export default defineComponent(() => {
       <Transition name="settings">
         {show.value && (
           <div class="absolute left-6 bottom-20 w-[600px] h-[480px] rounded-lg overflow-hidden shadow-2xl flex">
-            {router.path.startsWith('settings-') ? (
-              <>
-                <div class="w-[200px] p-4 h-full bg-white/60 backdrop-blur flex flex-col">
-                  <div
-                    class={
-                      'w-full h-0 flex-grow mb-4 rounded-lg hover:bg-white/70 transition-all cursor-pointer flex justify-center items-center ' +
-                      (router.path === 'settings-user' ? 'bg-white/70 shadow-lg' : '')
-                    }
-                    onClick={() => {
-                      router.go('settings-user')
-                    }}
-                  >
-                    <div class="w-12 h-12 relative">
-                      <AvatarCircle />
-                    </div>
-                  </div>
-                  <SettingsTab label="壁纸" path="settings-background" />
-                  <SettingsTab label="图标" path="settings-block" />
-                  <SettingsTab label="搜索" path="settings-search" />
-                  <SettingsTab label="时间" path="settings-time" />
-                  <SettingsTab label="侧边栏" path="settings-sider" />
-                  <SettingsTab label="AI助手" path="settings-ai" />
-                  <SettingsTab label="快捷栏" path="settings-dock" />
-                  <SettingsTab label="重置" path="settings-reset" />
-                  <SettingsTab label="问题反馈" path="settings-fallback" />
+            <div class="w-[200px] p-4 h-full bg-white/60 backdrop-blur flex flex-col">
+              <div
+                class={
+                  'w-full h-0 flex-grow mb-4 rounded-lg hover:bg-white/70 transition-all cursor-pointer flex justify-center items-center ' +
+                  (router.path === 'settings-user' ? 'bg-white/70 shadow-lg' : '')
+                }
+                onClick={() => {
+                  router.go('settings-user')
+                }}
+              >
+                <div class="w-12 h-12 relative">
+                  <AvatarCircle />
                 </div>
-                <Content />
-              </>
-            ) : router.path.startsWith('s2') ? (
-              <>
-                <div class="w-full h-full flex justify-center items-center bg-red-300"></div>
-              </>
-            ) : (
-              ''
-            )}
+              </div>
+              <SettingsTab label="壁纸" path="settings-background" />
+              <SettingsTab label="图标" path="settings-block" />
+              <SettingsTab label="搜索" path="settings-search" />
+              <SettingsTab label="时间" path="settings-time" />
+              <SettingsTab label="侧边栏" path="settings-sider" />
+              <SettingsTab label="AI助手" path="settings-ai" />
+              <SettingsTab label="快捷栏" path="settings-dock" />
+              <SettingsTab label="重置" path="settings-reset" />
+              <SettingsTab label="问题反馈" path="settings-fallback" />
+            </div>
+            <Content />
+
+
+
           </div>
         )}
       </Transition>

src/useRouterStore.ts

@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia'
 import { computed, ref, watch } from 'vue'
 
-export type GlobalStr = 'search' | 'block' | 'adder' | 'login'
+export type GlobalStr = 'search' | 'block' | 'adder' | 'login' | 'background'
 export type SettingStr =
   | 'user'
   | 'background'
@@ -13,6 +13,7 @@ export type SettingStr =
   | 'dock'
   | 'reset'
   | 'fallback'
+export type CustomStr = 'background'
 export type RouteStr = '' | `widget-${string}` | `global-${GlobalStr}` | `settings-${SettingStr}`
 
 export default defineStore('router', () => {