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-31 12:08:40 +08:00
parent 44d03fc9c3
commit 6e93d4de52
2 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/detail/breadcrumb.vue
View File

@@ -34,7 +34,7 @@
</div> </div>
<div class="breadcrumb-box"> <div class="breadcrumb-box">
<el-breadcrumb :separator-icon="ArrowRight"> <el-breadcrumb :separator-icon="ArrowRight">
<el-breadcrumb-item v-for="(item, i) in storeData" :key="i" :to="{ path: item.path,query:item.query }"> <el-breadcrumb-item v-for="(item, i) in storeData['data']" :key="i" :to="{ path: item.path,query:item.query }">
<span class="breadcrumb-text"> <span class="breadcrumb-text">
{{ item.title }} {{ item.title }}
</span> </span>
@@ -99,10 +99,12 @@ let pageType=ref('')
let {type}=router.currentRoute.value.query let {type}=router.currentRoute.value.query
pageType.value=type pageType.value=type
//导航数据 //导航数据
let storeData = store.state.routeList let storeData =reactive({})
storeData['data']=store.state.routeList
watchEffect(() => { watchEffect(() => {
data['data'] = props.data data['data'] = props.data
storeData['data'] = store.state.routeList
if(data['data']&&data['data']['info'])pageType.value=data['data']['info'].intermediary===1?2:data['data']['info'].intermediary===6?3:1 if(data['data']&&data['data']['info'])pageType.value=data['data']['info'].intermediary===1?2:data['data']['info'].intermediary===6?3:1
}) })

19
src/views/detail.vue
View File

@@ -4,7 +4,7 @@
<div class="dis-f jus-x al-item"> <div class="dis-f jus-x al-item">
<div class="body-maxWidth mg-t-35"> <div class="body-maxWidth mg-t-35">
<breadcrumb :data="housingInfo['data']" :operation='setOperation'></breadcrumb> <breadcrumb :data="housingInfo['data']" :operation='setOperation'></breadcrumb>
<el-affix :offset="0" @change="changeTitleType" z-index="700"> <el-affix :offset="0" @change="changeTitleType" z-index="666">
<div class="top-bar-box dis-f jus-x" v-if="titleType"> <div class="top-bar-box dis-f jus-x" v-if="titleType">
<div class="top-bar dis-f al-item jus-bet"> <div class="top-bar dis-f al-item jus-bet">
<div class="dis-f al-item"> <div class="dis-f al-item">
@@ -233,9 +233,9 @@
<div class="title-box"> <div class="title-box">
所在楼层 所在楼层
</div> </div>
<div class="text"> <div class="text mg-l-30">
<span v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.floor" <span v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.floor"
:key="i" :class="[i === 0 ? 'mg-l-30' : 'mg-l-10']"> :key="i" :class="[i === 0 ? '' : 'mg-l-10']">
{{ {{
item == 0 ? '不限' : item == 0 ? '不限' :
indexData['data'] && indexData['data'] &&
@@ -265,10 +265,10 @@
<div class="title-box"> <div class="title-box">
晾晒区 晾晒区
</div> </div>
<div class="text"> <div class="text mg-l-30">
<span <span
v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.sunshinearea" v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.sunshinearea"
:key="i" :class="[i === 0 ? 'mg-l-30' : 'mg-l-10']"> :key="i" :class="[i === 0 ? '' : 'mg-l-10']">
{{ {{
item == 0 ? '不限' : item == 0 ? '不限' :
indexData['data'] && indexData['data'] &&
@@ -1423,13 +1423,10 @@ watch(route, () => {
let { id } = router.currentRoute.value.query let { id } = router.currentRoute.value.query
uniqid.value = id uniqid.value = id
pageType.value = housingInfo['data']['info'].intermediary === 1 ? 2 : housingInfo['data']['info'].intermediary === 6 ? 3 : 1 //1个人 2中介 3求房源 pageType.value = housingInfo['data']['info'].intermediary === 1 ? 2 : housingInfo['data']['info'].intermediary === 6 ? 3 : 1 //1个人 2中介 3求房源
console.log('pageType',pageType.value)
publisherList.value = [] publisherList.value = []
recommendListData.value = [] recommendListData.value = []
getHousingInfo() getHousingInfo()
masonryInstance = new Masonry(gridContainer.value, {
itemSelector: '.waterfall-box',
gutter: 10
});
if (pageType.value != 3) { if (pageType.value != 3) {
setTimeout(() => { setTimeout(() => {
window.addEventListener('scroll', onPageSrcoll, true); window.addEventListener('scroll', onPageSrcoll, true);
@@ -1443,7 +1440,7 @@ onMounted(() => {
uniqid.value = id uniqid.value = id
getHousingInfo() getHousingInfo()
masonryInstance = new Masonry(gridContainer.value, { masonryInstance = new Masonry(gridContainer.value, {
itemSelector: '.waterfall-box', itemSelector: '.item',
gutter: 10 gutter: 10
}); });
if (pageType.value != 3) { if (pageType.value != 3) {
@@ -2220,7 +2217,7 @@ img {
font-size: 14px; font-size: 14px;
padding: 30px 20px; padding: 30px 20px;
position: relative; position: relative;
z-index: 666; z-index: 333;
.detail-price-box { .detail-price-box {
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;