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 class="breadcrumb-box">
<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">
{{ item.title }}
</span>
@@ -99,10 +99,12 @@ let pageType=ref('')
let {type}=router.currentRoute.value.query
pageType.value=type
//导航数据
let storeData = store.state.routeList
let storeData =reactive({})
storeData['data']=store.state.routeList
watchEffect(() => {
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
})

19
src/views/detail.vue
View File

@@ -4,7 +4,7 @@
<div class="dis-f jus-x al-item">
<div class="body-maxWidth mg-t-35">
<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 dis-f al-item jus-bet">
<div class="dis-f al-item">
@@ -233,9 +233,9 @@
<div class="title-box">
所在楼层
</div>
<div class="text">
<div class="text mg-l-30">
<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 ? '不限' :
indexData['data'] &&
@@ -265,10 +265,10 @@
<div class="title-box">
晾晒区
</div>
<div class="text">
<div class="text mg-l-30">
<span
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 ? '不限' :
indexData['data'] &&
@@ -1423,13 +1423,10 @@ watch(route, () => {
let { id } = router.currentRoute.value.query
uniqid.value = id
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 = []
recommendListData.value = []
getHousingInfo()
masonryInstance = new Masonry(gridContainer.value, {
itemSelector: '.waterfall-box',
gutter: 10
});
if (pageType.value != 3) {
setTimeout(() => {
window.addEventListener('scroll', onPageSrcoll, true);
@@ -1443,7 +1440,7 @@ onMounted(() => {
uniqid.value = id
getHousingInfo()
masonryInstance = new Masonry(gridContainer.value, {
itemSelector: '.waterfall-box',
itemSelector: '.item',
gutter: 10
});
if (pageType.value != 3) {
@@ -2220,7 +2217,7 @@ img {
font-size: 14px;
padding: 30px 20px;
position: relative;
z-index: 666;
z-index: 333;
.detail-price-box {
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;