From 8cc4549dca01690865a4050c54876f8cf97275b5 Mon Sep 17 00:00:00 2001
From: luJianJun <2587063613@qq.com>
Date: Thu, 20 Jul 2023 19:03:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/detail/collect.png            | Bin 0 -> 2381 bytes
 src/assets/img/detail/collectT.png           | Bin 0 -> 8767 bytes
 src/assets/img/detail/forward.png            | Bin 0 -> 2196 bytes
 src/components/detail/breadcrumb.vue         | 180 +++++++++++++++++++
 src/components/pageTopBar/pageTopBar.vue     |   2 +-
 src/components/seachModule/seachModule.vue   |   4 +-
 src/components/selectTabBox/selectTabBox.vue |   6 +-
 src/router/index.js                          |   8 +
 src/store/index.js                           |  11 +-
 src/views/detail.vue                         | 127 +++++++++++--
 src/views/housingView/intermediary.vue       |   2 +-
 src/views/housingView/needHousing.vue        |   2 +-
 src/views/housingView/person.vue             |  10 +-
 src/views/seachIndex.vue                     |   3 +-
 14 files changed, 331 insertions(+), 24 deletions(-)
 create mode 100644 src/assets/img/detail/collect.png
 create mode 100644 src/assets/img/detail/collectT.png
 create mode 100644 src/assets/img/detail/forward.png
 create mode 100644 src/components/detail/breadcrumb.vue

diff --git a/src/assets/img/detail/collect.png b/src/assets/img/detail/collect.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ea64adc5f92092e49c1571a1c87124a84f2ca46
GIT binary patch
literal 2381
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/detail/collectT.png b/src/assets/img/detail/collectT.png
new file mode 100644
index 0000000000000000000000000000000000000000..21dcc0aea8cfb9cb85773e1d8914c13a95343644
GIT binary patch
literal 8767
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/detail/forward.png b/src/assets/img/detail/forward.png
new file mode 100644
index 0000000000000000000000000000000000000000..8314c169a9d78d308a8fb849bea4ac8f5e64f5b4
GIT binary patch
literal 2196
zcmV;F2y6F=P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91K%fHv1ONa40RR91KmY&$07g+lumAuD{z*hZRCodHn`>+pMHI*Tj)<*b
zM2+FqLI4v}`mRO6$_E3A5`z^mYV-piP}JB&jghE8AXY+16#3vMt)Rv#iJ%4*=_P{N
z2YskjL8YjG#6W~9LZ8>)Y3??=b7yw%V{b2scarJOoH=vmod29TGdp{mmX=B>1X2j3
z5J(~L|3x5uG)ylnEF7Dioqc047@VD+o<4&yr;x88kEQ<S(9qDvwzjqpU35t=DJgjz
z-uvJgZ{WLt{1db_^4#9u-u|nB&p}QY0Hvj+S2EIaat-+gayHqN1~9IowY9Zf$AIxG
zXn#%DW}x*0!nSGCrmbjbXc#o`43jh58e?fID=WJm<G0iIIQeDrT(X<-G^b^u@FFSb
z62{-Dqr1?u>GRN$BS((b)YN3U@TFzBHAd4`US2*4SKfpnchfIw&!XS&F5?|@X>)6u
z2ncV&aIcBU4-ZIZ#%nSD2L=&$kHz>s%$RtMHf3dHt*7B<ZKF4_hRG=~u|=({T~Kjx
z@dOlqgS^mAH<X8<e@pIUwh!?<MLwI6k<rcCZ=oC{8&g$P)tJ7%K8Ym~TkL5PmFLNM
zcA~w^crOrS*Vt)RIc5MVDk^3S4i0{TpsAKH%~Ootg97!;;_l|==F=LUm`M_Eko`FV
zu5uFs&prUC*73v?1915gjNgsG2|A(B20}*HVf0}GPh4bln8g^MA;i^q83YfVXc{bP
z0Ayf<$;_*+I6MY}eFZox*@rt#gT_k_>ClLrYc#S3ps99UqTw4RMHK`ICNiMOc-e2)
z=I7_nO``FA=&)hfvIzgENV#>(Aks^uo~&WIz|1crn0;{Y;6Y8ZKO~Qt?_)_UK@Znp
zs%jFk2M}<cq4RuI0QK_>x=@VQwE0Gg#CVV6v{sjhJb<I<bkJR`ks!ftDYG8XwE0F#
zl<}fqL>|Ci{R+IgK=K@@@AA!3ji5vtFT;5PK;WChEHBXLwwIZ&)6jh*#bP|V>dqQ+
z=+Y)n00?}~YI;hveS|CrorI)Vj2A_SM-qkQ#5s}x<@J$@QgA&9${88}<P7fML*Qmy
zzgCguTQyeWEd}T=XOySOQvhTa0eTx{?e5?j1TpjhIy#J}-pfH}6VHUCc#RjOSeoMU
zPe!7k>k<Hfr5YhSIy*a$Yv^&4{4hRRC5!-6R#wXSS&qGq1Ss_mf=`uX7%!?D0l>{~
z(b#sbx3_n%h8`CwS;mXfMgRzY#Tu&)bai#f4&Yl#rtxBg5dhl4+#gz-bn+`D+jz0V
zxC^j-6sU%>{tv6PSnG*2UM@nrySwFjZZe*{n=Shrlb&uK5O&4Hk@%!ZP&9PD6UZe-
zfUJ9;m;3$2vAoz=I&cyCJ~G}W*U7<%cbPk^HudQSK(5M+z`s>mEcKk6oE7xDTGLmI
zzYF8#wkf8Bv4wP8Z0nrG#L1hiHn{;1)`lQoj=s3%7>zb@8!s{qOIPP<!zzRsX;bVU
zTY0#M;+LtkSn6Dm*3<7_TVG#{56QdSCf6z&J=YC@9;>(Y#63MPAT3_Er(BfcO%=@6
ztC9h>G#<BC#?oEXhS_5EG428wdlcoSTa5CgE+001Ni8icT?ks`i!i5<na(P2LBU|R
zO0(*29`K{ZWIYiy+bUngPYHsKgtr}X5Ns7U0K)c8JYb&J$3~m%Q7>|~ko8}p4$Kk@
zv&G^u0zjvL#bkSqV~?$})i1W<ttg}}>p^V!!lbAXfR2uipXl_P+7U0fU!`3vb%SoL
z*mB0CqY;2mhX%DHabQ_dQPDV+p6oh0O+`1|-DQ{!c3oWoKw!O{IaJQe%*=dLLr*FR
zot{F0Y()wATJ@Gfb5zyqE=QwOI9eXSwdN=dvainK>gf-Ko|Gy&UWbky44z|G0NM`j
z1DDuoYT4BTgc%_l)K1j%pl{aDlR?Trm#qx!FrGRN99-|EkS74l^2Z2iRs|t^Dab#l
z(nq__)+e{W)tYg4qPyq)g(m<A4zi8NHvm~rjs)^sxH>O)5J$1X1W3?Zs~Pe<G2saf
zJ&Y6y0BL;gZl$NVnVQA|&PTEa)rLgZnfXd4Kq9=l@5|8Zc;7G{f9<+O1b}qN&CQi4
z+ive1D$DPL_Vat8Q9B?3_<Y9xl&pI@4HOg<yrj`nOY+<W?7c$23;G(`cso5*J_isF
z6Lsq~ZGMsD7ir?!FOt<QPsTXTxxb7Tt&>uTBt->)2t<LKcnJEsOATRp8zpL^Q9?R-
zCHYLpRs9w~UTEO`i?(@8z;}jrEjelcL<&EaxQ$)lJ&Gm}&Z5jlc(xFU&uT}GkSO<u
z{LZ)*_QzbtI|Jyq1NxT{iXCB#2>|KMI-HA<J1M#yi^cfu1j=m$(k99gU8z-9S7-I~
z^vpxPym#C~zLacACumpz(2g&{CT5i$GXNq8PngLpze_Rf9b6rV`e_W>2Y&}y-p@~w
zhrNUPIA%~TNoT=RMEz#Ud1SA&pX;^dO-)V5yckXGaRDGg<rkd&{r%$ZE2&1jtC$pu
zklqhp9Xr#SKp-#>VIM79+yGco<v;`oTghb>EkVylmeeYi)c1bK_YHuMGV+fNi*V!B
z)GPc@&?cji@;cVKJbg=k12Cc(+hqwA`GJLeqPljZA-aN`=H3YfQD0_U9X??I*ar$7
zmFE-a3RxmEXv-%{kdqxmb_RL9mVLaNb_tMj;%sELf8m)*DFjjoq!36UkU}6q2>b^&
W2o3jV6cLgD0000<MNUMnLSTY9OYm9%

literal 0
HcmV?d00001

diff --git a/src/components/detail/breadcrumb.vue b/src/components/detail/breadcrumb.vue
new file mode 100644
index 0000000..8a0471e
--- /dev/null
+++ b/src/components/detail/breadcrumb.vue
@@ -0,0 +1,180 @@
+<template>
+    <div class="title-top-box">
+        <div class="breadcrumb-box">
+            <el-breadcrumb :separator-icon="ArrowRight">
+                <el-breadcrumb-item v-for="(item, i) in storeData" :key="i" :to="{ path: item.path }">
+                    <span class="breadcrumb-text">
+                        {{ item.title }}
+                    </span>
+                </el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+        <div class="dis-f al-item jus-bet title-box">
+            <div class="detail-title">
+                房东直租 | 中城浸教公大理公，近地铁，新装修，两房一厅，采光通风好，设备齐全拎包入住
+            </div>
+            <div class="tool-btn-box dis-f al-item">
+                <div class="btn-s dis-f al-item jus-x">
+                    <img src="../../assets/img/detail/collect.png" class="img" alt="">
+                    <img src="../../assets/img/detail/collectT.png" v-show="false" class="img" alt="">
+                    <span class="mg-l-5">
+                        {{'收藏'}}
+                    </span>
+                </div>
+                <div class="line">
+
+                </div>
+                <div class="btn-s dis-f al-item jus-x">
+                    <img src="../../assets/img/detail/forward.png" class="img" alt="">
+                    <span class="mg-l-5">
+                        转发
+                    </span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+  
+<script setup>
+import { ArrowRight } from '@element-plus/icons-vue'
+import { reactive, onMounted, ref, defineProps } from 'vue'
+import store from '@/store'
+
+defineProps({
+    data: {
+        type: Array,
+        default: function () {
+            return []
+        }
+    }
+})
+
+//导航数据
+let storeData = store.state.routeList
+console.log(storeData)
+
+</script>
+<style scoped>
+img {
+    object-fit: contain;
+}
+
+.dis-f {
+    display: flex;
+}
+
+.jus-x {
+    justify-content: center;
+}
+
+.al-item {
+    align-items: center;
+}
+
+.pos-r {
+    position: relative;
+}
+
+.body-maxWidth {
+    width: 1200px;
+    min-width: 1200px;
+}
+
+.s-w-100 {
+    width: 100%;
+}
+
+.jus-bet {
+    justify-content: space-between;
+}
+
+.title-top-box {
+    width: 1200px;
+    height: 186px;
+    background: inherit;
+    background-color: rgba(255, 255, 255, 1);
+    box-sizing: border-box;
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgba(235, 235, 235, 1);
+    border-radius: 16px;
+    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+    font-size: 14px;
+    transform: translateY(-38px);
+
+    .breadcrumb-box {
+        padding: 20px;
+        border-bottom: 1px solid #ebebeb;
+
+        .breadcrumb-text {
+            font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+            font-weight: 400;
+            font-style: normal;
+            color: #AAAAAA;
+        }
+    }
+
+    .title-box {
+        padding: 20px 20px 25px 20px;
+
+        .detail-title {
+            font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+            font-weight: 400;
+            font-style: normal;
+            font-size: 24px;
+            color: #000000;
+            line-height: 35px;
+            width: 820px;
+        }
+
+        .tool-btn-box {
+            width: 244px;
+            height: 48px;
+            background: inherit;
+            background-color: rgba(246, 246, 246, 1);
+            box-sizing: border-box;
+            border-width: 1px;
+            border-style: solid;
+            border-color: rgba(235, 235, 235, 1);
+            border-radius: 9px;
+            -moz-box-shadow: none;
+            -webkit-box-shadow: none;
+            box-shadow: none;
+            font-size: 14px;
+            justify-content: center;
+
+            .mg-l-5{
+                margin-left: 5px;
+            }
+
+            .btn-s {
+                color: #333333;
+                font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+                font-weight: 400;
+                font-style: normal;
+                text-align: center;
+                width:80px;
+                height:40px;
+                line-height:40px;
+                cursor: pointer;
+                .img{
+                    width:20px;
+                    height:20px;
+                }
+            }
+
+            .line {
+                width: 1px;
+                height: 21px;
+                background: #d7d7d7;
+                margin:0 15px;
+            }
+        }
+    }
+
+
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/components/pageTopBar/pageTopBar.vue b/src/components/pageTopBar/pageTopBar.vue
index 95e1eaa..a4fe996 100644
--- a/src/components/pageTopBar/pageTopBar.vue
+++ b/src/components/pageTopBar/pageTopBar.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="top-bg-img-box pos-r" :style="{ 'height': routePath === '/' ? '568px' : '260px' }">
-    <img src="../../assets/homeImage/indexBg.png" class="bg-img" alt="">
+    <img src="../../assets/img/edit/bj-img1920.png" class="bg-img" alt="">
     <div class="info-box">
       <!-- 顶部导航 -->
       <div class="dis-f jus-x al-item index-top-navigation-box">
diff --git a/src/components/seachModule/seachModule.vue b/src/components/seachModule/seachModule.vue
index f12ba3a..f811b0b 100644
--- a/src/components/seachModule/seachModule.vue
+++ b/src/components/seachModule/seachModule.vue
@@ -143,7 +143,7 @@ let getLocationData = (data) => {
 const route = useRouter()
 let routePath = ref('')
 routePath.value = route.currentRoute.value.path
-console.log(route)
+// console.log(route)
 
 watchEffect(() => {
     seachSchoolBtn.data = store.state.seachTypeData[0] ? store.state.seachTypeData[0].where : []
@@ -159,7 +159,7 @@ historyArr.data = JSON.parse(localStorage.getItem('historyArr')) || []
 
 //搜索数据
 let seachList = (item) => {
-    console.log(123)
+    // console.log(123)
     let string=seachAllType.keyword
     if (!string.replace(/\s/g, "")) return
     if (historyArr.data.indexOf(seachAllType.keyword) === -1) {
diff --git a/src/components/selectTabBox/selectTabBox.vue b/src/components/selectTabBox/selectTabBox.vue
index a8a1b44..a049029 100644
--- a/src/components/selectTabBox/selectTabBox.vue
+++ b/src/components/selectTabBox/selectTabBox.vue
@@ -426,6 +426,9 @@ let selectSeach = (data = []) => {
     if (data.length === 0 && selectTabCheck.id) {
         data.push(selectTabCheck.id)
     }
+    // console.log(selectData,selectTabCheck)
+    // store.state.routeList['hireTypeObj']=JSON.parse(JSON.stringify(hireTypeObj))
+    // return
     setSeachCondition('location', data)
 }
 
@@ -478,6 +481,7 @@ let setHireId = (item) => {
 let dropdownCommand = (obj) => {
     hireTypeObj.id = obj.id
     hireTypeObj.title = obj.title
+    store.state.routeList['hireTypeObj']=JSON.parse(JSON.stringify(hireTypeObj))
     setSeachCondition('types', obj.id)
 }
 
@@ -555,7 +559,7 @@ let cleanSelect = () => {
 //根据路由设置参数
 let setRouterQuerySet = ref(true)
 let routerQuerySet = () => {
-    console.log(setRouterQuerySet.value)
+    // console.log(setRouterQuerySet.value)
     if (!setRouterQuerySet.value) return
     //路由参数设置
     if (Object.keys(routeQuery.data).length > 0) {
diff --git a/src/router/index.js b/src/router/index.js
index cf0e600..b866d4c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
 import { setSeoTitle } from '@/utils/util.js'
+import store from '@/store'
 
 const routes = [
   {
@@ -97,6 +98,13 @@ const router = createRouter({
 
 
 router.beforeEach((to, from, next) => {
+  //导航数据
+  if(/['seachPage','needHousing','intermediaryHousing','personHousing']/.test(from.path)){
+    store.state.routeList.secondaryIndex.title=from.meta.title
+    store.state.routeList.secondaryIndex.path=from.path
+  }
+
+  //
   next()
   let meta = to['meta'] || {}
   let title = meta['title']
diff --git a/src/store/index.js b/src/store/index.js
index 3f62edb..2fdeb1e 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -9,7 +9,16 @@ export default createStore({
     wechat: {}, // 微信号 二维码等数据
     nav: [],  // 顶部的导航数据
     apartment: {}, // 公寓筛选的字段
-    routeList:[],//路由列表
+    routeList:{
+      index:{
+        path:'/',
+        title:'港校租房'
+      },
+      secondaryIndex:{
+        path:'',
+        title:'',
+      }
+    },//导航路由列表
   },
   getters: {
 
diff --git a/src/views/detail.vue b/src/views/detail.vue
index 1bccd1d..16191bc 100644
--- a/src/views/detail.vue
+++ b/src/views/detail.vue
@@ -3,17 +3,55 @@
         <pageTopBar></pageTopBar>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
-                <div class="title-top-box">
-                    <div class="breadcrumb-box">
-                        <el-breadcrumb :separator-icon="ArrowRight">
-                            <el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item>
-                            <el-breadcrumb-item>promotion management</el-breadcrumb-item>
-                            <el-breadcrumb-item>promotion list</el-breadcrumb-item>
-                            <el-breadcrumb-item>promotion detail</el-breadcrumb-item>
-                        </el-breadcrumb>
+                <breadcrumb></breadcrumb>
+                <div class="dis-f jus-bet" style="transform: translateY(-15px);">
+                    <div class="info-box">
+                        <div class="detail-price-box">
+                            <span class="unit">HK$</span><span class="rent">123456</span><span>/月</span>
+                        </div>
+                        <div class="dis-f al-item detail-condition-box">
+                            <div class="condition condition-border">
+                                <div class="dis-f al-item">
+                                    <div class="icon">
+
+                                    </div>
+                                    整租
+                                </div>
+                                <div class="type-text">
+                                    两房
+                                </div>
+                            </div>
+                            <div class="condition condition-border">
+                                <div class="dis-f al-item">
+                                    <div class="icon">
+
+                                    </div>
+                                    租期
+                                </div>
+                                <div class="type-text">
+                                    一年
+                                </div>
+                            </div>
+                            <div class="condition condition-border">
+                                <div class="dis-f al-item">
+                                    <div class="icon">
+
+                                    </div>
+                                    起租日期
+                                </div>
+                                <div class="type-text">
+                                    随时
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            
+                        </div>
                     </div>
                     <div>
-
+                        <div></div>
+                        <div></div>
+                        <div></div>
                     </div>
                 </div>
             </div>
@@ -31,6 +69,7 @@ import pageTopBar from '../components/pageTopBar/pageTopBar.vue';
 import circleBtn from '@/components/public/circle-btn.vue'
 import api from "../utils/api";
 import footerTool from '@/components/footer/footer.vue'
+import breadcrumb from '../components/detail/breadcrumb.vue'
 
 
 
@@ -69,9 +108,9 @@ img {
     justify-content: space-between;
 }
 
-.title-top-box {
-    width: 1200px;
-    height: 186px;
+.info-box {
+    width: 876px;
+    height: 1650px;
     background: inherit;
     background-color: rgba(255, 255, 255, 1);
     box-sizing: border-box;
@@ -83,10 +122,68 @@ img {
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
     font-size: 14px;
-    transform: translateY(-38px);
+    padding: 30px 20px;
 
-    .breadcrumb-box {
-        padding: 20px;
+    .detail-price-box {
+        font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+        font-weight: 400;
+        font-size: 16px;
+        color: #555555;
+
+        .rent {
+            font-family: 'Arial-Black', 'Arial Black', sans-serif;
+            font-weight: 900;
+            font-size: 28px;
+            color: #F95D5D;
+            margin: 0 5px;
+        }
+
+        .unit {
+            font-family: 'Arial-Black', 'Arial Black', sans-serif;
+            font-weight: 900;
+            color: #000000;
+        }
+    }
+
+    .detail-condition-box {
+        width: 816px;
+        height: 80px;
+        background: inherit;
+        background-color: rgba(246, 246, 246, 1);
+        border: none;
+        border-radius: 12px;
+        margin-top: 30px;
+
+        .condition-border {
+            border-right: 1px solid #ebebeb;
+        }
+
+        .condition {
+            padding: 15px 0;
+            font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+            font-weight: 400;
+            font-style: normal;
+            color: #7F7F7F;
+            width: 272px;
+
+            .icon {
+                border: 6px solid #61b1fc;
+                border-top: 6px solid transparent;
+                border-right: 6px solid transparent;
+                border-bottom: 6px solid transparent;
+                margin-right: 10px;
+            }
+
+            .type-text {
+                margin-top: 8px;
+                font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
+                font-weight: 650;
+                font-style: normal;
+                font-size: 17px;
+                color: #000000;
+                margin-left: 22px;
+            }
+        }
     }
 }
 </style>
diff --git a/src/views/housingView/intermediary.vue b/src/views/housingView/intermediary.vue
index 6adbf8f..a046a84 100644
--- a/src/views/housingView/intermediary.vue
+++ b/src/views/housingView/intermediary.vue
@@ -101,7 +101,7 @@ let getDataList = (data) => {
 //添加数据
 let addListData = () => {
     let num = null
-    if (pageList.tab >= (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
+    if (pageList.tab > (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
         if(dataList.data.length>=20){
             loading.value = true
         }else{
diff --git a/src/views/housingView/needHousing.vue b/src/views/housingView/needHousing.vue
index faf1b23..cd377a2 100644
--- a/src/views/housingView/needHousing.vue
+++ b/src/views/housingView/needHousing.vue
@@ -102,7 +102,7 @@ let getDataList = (data) => {
 //添加数据
 let addListData = () => {
     let num = null
-    if (pageList.tab >= (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
+    if (pageList.tab > (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
         console.log(dataList.data.length,20,loading.value)
         if(dataList.data.length>=20){
             loading.value = true
diff --git a/src/views/housingView/person.vue b/src/views/housingView/person.vue
index 963d440..645c261 100644
--- a/src/views/housingView/person.vue
+++ b/src/views/housingView/person.vue
@@ -2,6 +2,9 @@
     <div>
         <pageTopBar></pageTopBar>
         <seachModule :getDataList="setSeachSelectData"></seachModule>
+        <div @click="btns">
+            1
+        </div>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
                 <div class="dis-f jus-bet" v-show="dataList.data && dataList.data.length > 0">
@@ -107,7 +110,7 @@ let getDataList = (data) => {
 //添加数据
 let addListData = () => {
     let num = null
-    if (pageList.tab >= (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
+    if (pageList.tab > (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
         if(dataList.data.length>=20){
             loading.value = true
         }else{
@@ -139,6 +142,11 @@ let downLoadMore = () => {
         getDataList(seachSelectData.data)
     })
 }
+let btns=()=>{
+    router.push({
+        path:'/detail'
+    })
+}
 
 //listImg
 onMounted(() => {
diff --git a/src/views/seachIndex.vue b/src/views/seachIndex.vue
index 1d08cdf..7f58ddb 100644
--- a/src/views/seachIndex.vue
+++ b/src/views/seachIndex.vue
@@ -135,7 +135,8 @@ let getDataList = (data) => {
 //添加数据
 let addListData = () => {
     let num = null
-    if (pageList.tab >= (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
+    console.log(pageList.tab , (dataList.count>20?dataList.data.length-2:dataList.count-2))
+    if (pageList.tab > (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
         if(dataList.data.length>=20){
             loading.value = true
         }else{