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.go ('')
+            router.path = ''
-            
+            router.path = 's2-background'
           }}>
             更换壁纸
           </Button>

src/layout/background/BackgroundSwtich.tsx

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

src/settings/SettingsOverlay.tsx

@@ -52,6 +52,8 @@ 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={
@@ -77,9 +79,14 @@ export default defineComponent(() => {
                   <SettingsTab label="问题反馈" path="settings-fallback" />
                 </div>
                 <Content />
-
+              </>
-
+            ) : router.path.startsWith('s2') ? (
-
+              <>
+                <div class="w-full h-full flex justify-center items-center bg-red-300"></div>
+              </>
+            ) : (
+              ''
+            )}
           </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' | 'background'
+export type GlobalStr = 'search' | 'block' | 'adder' | 'login'
 export type SettingStr =
   | 'user'
   | 'background'
@@ -13,7 +13,6 @@ export type SettingStr =
   | 'dock'
   | 'reset'
   | 'fallback'
-export type CustomStr = 'background'
 export type RouteStr = '' | `widget-${string}` | `global-${GlobalStr}` | `settings-${SettingStr}`
 
 export default defineStore('router', () => {