change backgrouynd

src/layout/background/BackgroundSwtich.tsx

@@ -152,6 +152,7 @@ export default defineComponent(() => {
                                 {wallpaperList.value.map(item =>
                                     <div
                                         onClick={() => {
+                                            layout.changeBackground(item.url)
                                         }}
                                         class="h-[156px] relative cursor-pointer group w-full  flex-grow-0 rounded-xl overflow-hidden">
                                         <img src={item.url + '?x-oss-process=image/resize,w_300'} class=" duration-150 absolute w-full h-full object-cover flex-grow-0  rounded-xl group-hover:scale-[1.2]" />

src/layout/layout.types.ts

@@ -30,9 +30,9 @@ export type LayoutPages = { list: Block[]; label: string; name: string }[]
 
 export interface Layout {
   content: [
-    { background: ''; pages: LayoutPages },
-    { background: ''; pages: LayoutPages },
-    { background: ''; pages: LayoutPages }
+    { background: string; pages: LayoutPages },
+    { background: string; pages: LayoutPages },
+    { background: string; pages: LayoutPages }
   ]
   current: 0 | 1 | 2 // 游戏，工作，轻娱
   currentPage: number

src/layout/useLayoutStore.ts

@@ -98,7 +98,9 @@ export default defineStore('layout', () => {
     }
     return block.label || ''
   }
-
+  const changeBackground = (url: string) => {
+    state.content[state.current].background = url 
+  }
   return {
     state,
     ready,
@@ -109,6 +111,7 @@ export default defineStore('layout', () => {
     addBlock,
     openDir,
     checkDir,
-    getLabel
+    getLabel,
+    changeBackground
   }
 })