可点击样式添加

src/views/housingView/intermediary.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="box-min-1200-src">
-        <pageTopBar></pageTopBar>
+        <pageTopBar :bannerList="bannerList.data"></pageTopBar>
         <seachModule :count="dataList.count" :getDataList="setSeachSelectData"></seachModule>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35" >
@@ -51,6 +51,16 @@ let loading = ref(true)
 let loadingText=ref(' 下拉加载更多 ')
 provide('count', dataCount)
 
+//轮播
+let bannerList = reactive({ data: [] })
+let banner = () => {
+  api.banner({ type: 'home' }).then(res => {
+    if (res.code === 200) {
+      bannerList.data = res.data
+    }
+  })
+}
+
 //保存搜索设置
 let setSeachSelectData = (data) => {
     pages.value = 1
@@ -120,6 +130,7 @@ onMounted(() => {
         percentPosition: true
     });
     getDataList()
+    banner()
     window.addEventListener('scroll', downLoadMore, true);
 })
 

src/views/housingView/needHousing.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="box-min-1200-src">
-        <pageTopBar></pageTopBar>
+        <pageTopBar :bannerList="bannerList.data"></pageTopBar>
         <seachModule :count="dataList.count" :getDataList="setSeachSelectData"></seachModule>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35" >
@@ -52,6 +52,16 @@ let loading = ref(true)
 let loadingText=ref(' 下拉加载更多 ')
 provide('count', dataCount)
 
+//轮播
+let bannerList = reactive({ data: [] })
+let banner = () => {
+  api.banner({ type: 'home' }).then(res => {
+    if (res.code === 200) {
+      bannerList.data = res.data
+    }
+  })
+}
+
 //保存搜索设置
 let setSeachSelectData = (data) => {
     pages.value = 1
@@ -120,6 +130,7 @@ onMounted(() => {
         gutter: 20,
         percentPosition: true
     });
+    banner()
     getDataList()
     window.addEventListener('scroll', downLoadMore, true);
 })

src/views/housingView/person.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="box-min-1200-src">
-        <pageTopBar></pageTopBar>
+        <pageTopBar :bannerList="bannerList.data"></pageTopBar>
         <seachModule :getDataList="setSeachSelectData"></seachModule>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
@@ -66,6 +66,16 @@ let setSeachSelectData = (data) => {
     getDataList(seachSelectData.data)
 }
 
+//轮播
+let bannerList = reactive({ data: [] })
+let banner = () => {
+  api.banner({ type: 'home' }).then(res => {
+    if (res.code === 200) {
+      bannerList.data = res.data
+    }
+  })
+}
+
 //获取搜索数据
 let getDataList = (data) => {
     loadingText.value=' 加载中..... '
@@ -134,6 +144,7 @@ onMounted(() => {
     //         seachSelectData.data = { [type]: typeData }
     //     }
     // }
+    banner()
     getDataList(seachSelectData.data)
     window.addEventListener('scroll', downLoadMore, true);
 })