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,34 +52,41 @@ 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">
-            <div class="w-[200px] p-4 h-full bg-white/60 backdrop-blur flex flex-col">
+            {router.path.startsWith('settings-') ? (
-              <div
+              <>
-                class={
+                <div class="w-[200px] p-4 h-full bg-white/60 backdrop-blur flex flex-col">
-                  'w-full h-0 flex-grow mb-4 rounded-lg hover:bg-white/70 transition-all cursor-pointer flex justify-center items-center ' +
+                  <div
-                  (router.path === 'settings-user' ? 'bg-white/70 shadow-lg' : '')
+                    class={
-                }
+                      'w-full h-0 flex-grow mb-4 rounded-lg hover:bg-white/70 transition-all cursor-pointer flex justify-center items-center ' +
-                onClick={() => {
+                      (router.path === 'settings-user' ? 'bg-white/70 shadow-lg' : '')
-                  router.go('settings-user')
+                    }
-                }}
+                    onClick={() => {
-              >
+                      router.go('settings-user')
-                <div class="w-12 h-12 relative">
+                    }}
-                  <AvatarCircle />
+                  >
+                    <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>
-              </div>
+                <Content />
-              <SettingsTab label="壁纸" path="settings-background" />
+              </>
-              <SettingsTab label="图标" path="settings-block" />
+            ) : router.path.startsWith('s2') ? (
-              <SettingsTab label="搜索" path="settings-search" />
+              <>
-              <SettingsTab label="时间" path="settings-time" />
+                <div class="w-full h-full flex justify-center items-center bg-red-300"></div>
-              <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' | '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', () => {