改变adderpage的结构

src/layout/adder/AdderPage.tsx

@@ -1,4 +1,4 @@
-import { computed, defineComponent, provide, ref, type InjectionKey, type Ref } from 'vue'
+import { computed, defineComponent, inject, onMounted, onUnmounted, provide, ref, type InjectionKey, type Ref } from 'vue'
 import useLayoutStore from '../useLayoutStore'
 import { OhVueIcon, addIcons } from 'oh-vue-icons'
 import {
@@ -15,6 +15,7 @@ import { Form, Input, Select } from 'ant-design-vue'
 import HotAdder from './HotAdder'
 import GameAdder from './GameAdder'
 import work_add_main_checked from '/tab/icons/work_add_main_checked.png'
+import useAdderPageStore from './useAdderPageStore'
 addIcons(MdKeyboardcommandkey, FaCompass, FaPencilRuler, IoGameController)
 
 const ItemButton = defineComponent({
@@ -67,13 +68,15 @@ const ItemButton = defineComponent({
 })
 
 export const AddToToken = Symbol('addTo') as InjectionKey<Ref<number>>
-
 export default defineComponent(() => {
   const layout = useLayoutStore()
   const isGame = computed(() => layout.state.current === 0)
-  const type = ref(1)
+  const store = useAdderPageStore()
   const addTo = ref(layout.state.currentPage)
   provide(AddToToken, addTo)
+  onUnmounted(()=> {
+    store.type = 1
+  })
   return () => (
     <div
       class={clsx(
@@ -95,33 +98,33 @@ export default defineComponent(() => {
           <ItemButton
             name="md-keyboardcommandkey"
             label="功能组件"
-            active={type.value === 0}
+            active={store.type === 0}
             onClick={() => {
-              type.value = 0
+              store.type = 0
             }}
           />
           <ItemButton
             name="fa-compass"
             label="网站图标"
-            active={type.value === 1}
+            active={store.type === 1}
             onClick={() => {
-              type.value = 1
+              store.type = 1
             }}
           />
           <ItemButton
             name="fa-pencil-ruler"
             label="自定义网址"
-            active={type.value === 2}
+            active={store.type === 2}
             onClick={() => {
-              type.value = 2
+              store.type = 2
             }}
           />
           <ItemButton
             name="io-game-controller"
             label="快游戏"
-            active={type.value === 3}
+            active={store.type === 3}
             onClick={() => {
-              type.value = 3
+              store.type = 3
             }}
           />
         </div>
@@ -146,11 +149,11 @@ export default defineComponent(() => {
           </Form>
           <div class="w-full h-0 flex-grow p-6">
             <div class="w-full h-full relative">
-              {type.value === 0 ? (
+              {store.type === 0 ? (
                 <WidgetAdder />
-              ) : type.value === 1 ? (
+              ) : store.type=== 1 ? (
                 <HotAdder />
-              ) : type.value === 2 ? (
+              ) : store.type === 2 ? (
                 <CustomAdder />
               ) : (
                 <GameAdder />

src/layout/adder/useAdderPageStore.tsx

@@ -0,0 +1,9 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+
+export default defineStore("adderPage", () => {
+    const type = ref(1)
+    return {
+        type
+    }
+})

src/widgets/game/Large.tsx

@@ -1,17 +1,20 @@
 import { frontAddress, ossBase } from '@/config'
 import { DefautGameTypeList, SECRET, type GameType, type OtherGame } from '@/layout/adder/GameAdder'
+import useAdderPageStore from '@/layout/adder/useAdderPageStore'
+import useRouterStore from '@/useRouterStore'
 import request from '@/utils/request'
 import { generateRandomString } from '@/utils/tool'
 import clsx from 'clsx'
 import { MD5 } from 'crypto-js'
 import dayjs from 'dayjs'
-import { ref, watch } from 'vue'
+import { provide, ref, toRef, watch, type InjectionKey, type Ref } from 'vue'
 import { defineComponent } from 'vue'
 
 export default defineComponent(() => {
   const selectType = ref('fc')
   const appList = ref<GameType[]>([])
   const hoverId = ref(0)
+  const router = useRouterStore()
   const loading = ref(false)
   const fetchGame = async (page: number) => {
     const parems = `nonce=${generateRandomString(8)}&pid=PIDc8uT24mpo&timestamp=${dayjs().unix()}`
@@ -22,6 +25,7 @@ export default defineComponent(() => {
     const res = await response.json()
     return res.data.items
   }
+
   watch(
     selectType,
     (val) => {
@@ -97,7 +101,10 @@ export default defineComponent(() => {
               ))
             }
           </div>
-          <span class={"text-[#ddd]/70 text-[14px]"}>查看更多</span>
+          <span class={"text-[#ddd]/70 text-[14px]"} onClick={() => {
+            router.go('global-adder')
+            useAdderPageStore().type = 3
+          }}>查看更多</span>
 
         </div>
         {