change

src/layout/background/BackgroundSwtich.tsx

@@ -61,12 +61,12 @@ export default defineComponent(() => {
     })
     return () => (
         <div class={clsx('w-full flex-col h-full relative flex px-7 py-7 text-[14px]', isGame.value ? 'bg-[#2c2e3e] text-white'
-            : 'text-white'
+            : 'text-[#333] bg-white'
         )}
-            style={{
+            style={isGame.value ? {
                 backgroundImage: `url('/bg/gameModel.png')`,
                 backgroundSize: '100% 100%',
-            }}>
+            } : null}>
             <div class="flex w-full justify-between items-center border-b-[1px] border-solid border-white/[.2] pb-2">
                 <OhVueIcon name={BiChevronLeft.name} scale={1.4} class="cursor-pointer"></OhVueIcon>
                 <span class="font-bold text-[14px]  ">壁纸库</span>
@@ -75,7 +75,7 @@ export default defineComponent(() => {
             <div class="flex-1 h-0 flex-col py-3">
                 <div class="flex justify-between items-center ">
                     <div class="flex-1 w-0">
-                        <CategoryTab list={typeList.value} selectType={selectType.value} onUpdate:type={(e) => {
+                        <CategoryTab  list={typeList.value} selectType={selectType.value} onUpdate:type={(e) => {
                             selectType.value = e
                         }}></CategoryTab>
 

src/utils/CategoryTab.tsx

@@ -12,7 +12,14 @@ export default defineComponent({
         selectType: {
             type: String,
             required: true,
-
+        },
+        selectNode: {
+            type: Node,
+            required: true,
+        },
+        unSelectNode: {
+            type: Object,
+            required: true,
         }
     },
     emits: ['update:type'],
@@ -33,6 +40,7 @@ export default defineComponent({
                 },
             });
         })
+
         watch(() => [props.selectType], () => {
             const idx = props.list.findIndex((item) => item.id === props.selectType)
             if (idx === -1) return
@@ -67,6 +75,7 @@ export default defineComponent({
                 }}>
                 < div class="w-full  flex gap-x-2 " >
                     {
+
                         props.list.map((item, index) => (
                             <button
                                 key={item.id}