XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页跳转个人房源

Browse Source
This commit is contained in:
luJianJun
2023-07-19 19:24:09 +08:00
parent 54e699f776
commit e625743205
9 changed files with 99 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/views/HomeView.vue
View File

@@ -2,7 +2,7 @@
<div class="home">
<pageTopBar :bannerList="bannerList.data"></pageTopBar>
<!-- 搜索模块 -->
<seachModule></seachModule>
<seachModule :getDataList="personHouseingInfo"></seachModule>
<!-- 房源展示 -->
<div class="dis-f jus-x al-item" style="margin-top:25px;">
<div class="body-maxWidth dis-f al-item">
@@ -106,10 +106,11 @@
<div class="body-maxWidth dis-f al-item">
<div class="waterfall-box s-w-100">
<div>
<div v-show="waterfallList['1'].length===0">
<skeletonBox v-show="waterfallList['1'].length===0" v-for="item in noWaterfallList['1']" :key="item"></skeletonBox>
<div v-show="waterfallList['1'].length === 0">
<skeletonBox v-show="waterfallList['1'].length === 0" v-for="item in noWaterfallList['1']" :key="item">
</skeletonBox>
</div>
<div ref="waterfall1" v-show="waterfallList['1'].length>0">
<div ref="waterfall1" v-show="waterfallList['1'].length > 0">
<div class="waterfall-first-box dis-f">
<div class="info-box dis-f jus-x al-item first" @click="indexWaterfallBoxCheck(indexData.data.tabs[0])">
<div>
@@ -149,27 +150,30 @@
</div>
</div>
<div>
<div v-show="waterfallList['2'].length===0">
<skeletonBox v-show="waterfallList['2'].length===0" v-for="item in noWaterfallList['2']" :key="item"></skeletonBox>
<div v-show="waterfallList['2'].length === 0">
<skeletonBox v-show="waterfallList['2'].length === 0" v-for="item in noWaterfallList['2']" :key="item">
</skeletonBox>
</div>
<div ref="waterfall2" v-show="waterfallList['2'].length>0">
<div ref="waterfall2" v-show="waterfallList['2'].length > 0">
<indexWaterfallBox v-for="(item, i) in waterfallList['2']" :data="item" :key="i"></indexWaterfallBox>
</div>
<!-- <img src="../assets/homeImage/liveImg.svg" class="live-img" alt=""> -->
</div>
<div>
<div v-show="waterfallList['3'].length===0">
<skeletonBox v-show="waterfallList['3'].length===0" v-for="item in noWaterfallList['3']" :key="item"></skeletonBox>
<div v-show="waterfallList['3'].length === 0">
<skeletonBox v-show="waterfallList['3'].length === 0" v-for="item in noWaterfallList['3']" :key="item">
</skeletonBox>
</div>
<div ref="waterfall3" v-show="waterfallList['3'].length>0">
<div ref="waterfall3" v-show="waterfallList['3'].length > 0">
<indexWaterfallBox v-for="(item, i) in waterfallList['3']" :data="item" :key="i"></indexWaterfallBox>
</div>
</div>
<div>
<div v-show="waterfallList['4'].length===0">
<skeletonBox v-show="waterfallList['4'].length===0" v-for="item in noWaterfallList['4']" :key="item"></skeletonBox>
<div v-show="waterfallList['4'].length === 0">
<skeletonBox v-show="waterfallList['4'].length === 0" v-for="item in noWaterfallList['4']" :key="item">
</skeletonBox>
</div>
<div ref="waterfall4" v-show="waterfallList['4'].length>0">
<div ref="waterfall4" v-show="waterfallList['4'].length > 0">
<indexWaterfallBox v-for="(item, i) in waterfallList['4']" :data="item" :key="i"></indexWaterfallBox>
</div>
</div>
@@ -177,7 +181,7 @@
</div>
</div>
<div class="dis-f jus-x bottom-tps">
- {{loadText}} -
- {{ loadText }} -
</div>
<footerTool></footerTool>
<indexRegularBox></indexRegularBox>
@@ -249,7 +253,7 @@ let pagevalue = ref(0)
//瀑布流数据
let pages = ref(1)
let waterfallList = reactive({ 1: [], 2: [], 3: [], 4: [] })
let noWaterfallList=reactive({1:3,2:3,3:3,4:3})
let noWaterfallList = reactive({ 1: 3, 2: 3, 3: 3, 4: 3 })
//判断最小值
let getMinHeight = (data) => {
@@ -286,7 +290,7 @@ let addListData = (data) => {
}
//开关
let loadMore = ref(true)
let loadText=ref('加载中.....')
let loadText = ref('加载中.....')
//瀑布流数据
let getRecommendList = () => {
api.recommendList({
@@ -305,7 +309,7 @@ let getRecommendList = () => {
loadMore.value = true
} else {
loadMore.value = false
loadText.value='到底了'
loadText.value = '到底了'
}
}
})
@@ -327,7 +331,7 @@ let listDataTypeChange = (item) => {
//监听滚动条
const onPageSrcoll = (e) => {
if (!loadMore.value||waterfallList['4'].length===0) return
if (!loadMore.value || waterfallList['4'].length === 0) return
let body = document.documentElement ? document.documentElement : document.body ?
document.body :
document.querySelector('.element');
@@ -351,6 +355,16 @@ let indexWaterfallBoxCheck = (res) => {
})
}
//跳转个人房源
let personHouseingInfo = (type, data) => {
router.push({
path: '/personHousing',
query: {
[type]: data
},
})
}
onMounted(() => {
document.documentElement.scrollTop = 0
currentInstance = getCurrentInstance()
@@ -413,7 +427,7 @@ img {
font-size: 14px;
color: #555555;
text-align: center;
padding:30px 0;
padding: 30px 0;
}
.information-box {
@@ -688,5 +702,4 @@ img {
font-size: 16px;
color: #7F7F7F;
text-align: left;
}
</style>
}</style>