diff --git a/components/kl-footer/index.vue b/components/kl-footer/index.vue
index ef4d0ab..14a1c2e 100644
--- a/components/kl-footer/index.vue
+++ b/components/kl-footer/index.vue
@@ -84,19 +84,21 @@
     status: 0,
   })
 
-  const bannerList = ref<Array<PageResultIndexSettingRespVO[]>>([])
-  const getBanner = async () => {
+  // 方案1: 直接在useAsyncData中通过泛型设置类型（当前已使用的方式）
+  const { data: arr } = await useAsyncData<PageResultIndexSettingRespVO[]>('projectTypeListChildren-PopularDrawings-popularDrawings', async (): Promise<PageResultIndexSettingRespVO[]> => {
     const res = await getSettingPage(pageReq)
-    if (res.code === 0) {
-      const arr = res.data || []
-      const bannerListOne = arr.filter((item) => item.rowType === 1)?.sort((a, b) => a.sort - b.sort)
-      const bannerListTwo = arr.filter((item) => item.rowType === 2)?.sort((a, b) => a.sort - b.sort)
-      const bannerListThree = arr.filter((item) => item.rowType === 3)?.sort((a, b) => a.sort - b.sort)
-      const bannerListFour = arr.filter((item) => item.rowType === 4)?.sort((a, b) => a.sort - b.sort)
-      bannerList.value = [bannerListOne, bannerListTwo, bannerListThree, bannerListFour]
-    }
+    return res?.data || []
+  })
+  
+  const bannerList = ref<Array<PageResultIndexSettingRespVO[]>>([])
+  if (arr && arr.value?.length) {
+    const bannerListOne = arr.value?.filter((item) => item.rowType === 1)?.sort((a, b) => a.sort - b.sort)
+    const bannerListTwo = arr.value?.filter((item) => item.rowType === 2)?.sort((a, b) => a.sort - b.sort)
+    const bannerListThree = arr.value?.filter((item) => item.rowType === 3)?.sort((a, b) => a.sort - b.sort)
+    const bannerListFour = arr.value?.filter((item) => item.rowType === 4)?.sort((a, b) => a.sort - b.sort)
+    bannerList.value = [bannerListOne, bannerListTwo, bannerListThree, bannerListFour]
   }
-  getBanner()
+  // }
 
   const handle = (col: PageResultIndexSettingRespVO[]) => {
     if (col?.length > 0) {