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.go ('')
-            router.path = 's2-background'
+            
           }}>
             更换壁纸
           </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,8 +52,6 @@ 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={
@@ -79,14 +77,9 @@ 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'
+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', () => {