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

提交

Browse Source
This commit is contained in:
luJianJun
2023-08-01 10:29:05 +08:00
parent e3e711dd42
commit 0b142b707a
4 changed files with 97 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/assets/img/detail/wxQrCode.svg
View File

File diff suppressed because one or more lines are too long

1
src/components/biserialListItem/biserialListItem.vue
View File

@@ -362,6 +362,7 @@ img {
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-right: 5px; margin-right: 5px;
margin-left:-3px;
} }
} }

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

@@ -225,13 +225,14 @@ img {
position: absolute; position: absolute;
top: -17px; top: -17px;
left: 0px; left: 0px;
border-radius: 0 0 16px 0; border-radius: 0 16px 16px 0;
background: rgba(174, 159, 251, 1); background: rgba(174, 159, 251, 1);
width: 22px; width: 22px;
height: 24px; height: 24px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.117647058823529);
} }
.intermediary-bg{ .intermediary-bg{
background: rgba(173,214,247,1) !important; background: rgba(174,215,249,1) !important;
} }
} }

178
src/views/detail.vue
View File

@@ -1,89 +1,96 @@
<template> <template>
<div class="box-min-1200-src"> <div style="min-width:1200px;overflow-x: scroll;overflow-y: visible;">
<pageTopBar></pageTopBar> <pageTopBar></pageTopBar>
<el-affix :offset="0" 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">
<img src="../assets/img/detail/authenticationHousing.png" class="authentication-housing" v-if="pageType == 1 &&
housingInfo['data'] &&
housingInfo['data'].info.verified" alt="">
<img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo"
style="margin-right:10px;" v-if="pageType == 2 &&
housingInfo['data'] &&
housingInfo['data'].isintermediary == 1" alt="">
<div class="line" v-if="housingInfo['data'] && housingInfo['data'].info.verified
|| pageType == 2 &&
housingInfo['data'] &&
housingInfo['data'].isintermediary == 1"></div>
<span class="need-houing-type" v-if="pageType == 3">预算</span>
<span class="unit">HK$</span>
<span class="rent" v-if="pageType != 3">{{ housingInfo['data'] &&
housingInfo['data'].info.rent }}</span>
<span class="rent" v-if="pageType == 3">
{{
housingInfo['data'] && housingInfo['data'].info.rent[0]
}}~
{{
housingInfo['data'] && housingInfo['data'].info.rent[1]
}}
</span>
<span>/{{ housingInfo['data'] && housingInfo['data'].info.rentalperiod }}</span>
<div class="line"></div>
<div class="dis-f al-item">
{{ indexData['data'] &&
indexData['data']['config'] &&
indexData['data']['config']['type'][housingInfo['data'] &&
housingInfo['data'].info.type.substring(0, 1)]
}}
<img src="../assets/img/detail/arrowIcon.svg" class="icon" alt="">
{{ indexData['data'] &&
indexData['data']['config'] &&
indexData['data']['config']['type'][housingInfo['data'] &&
housingInfo['data'].info.type]
}}
</div>
</div>
<div class="dis-f al-item">
<div class="tool-btn dis-f al-item jus-x">
<div class="dis-f al-item" @click="setOperation">
<img src="../assets/img/detail/collect.png"
v-show="housingInfo['data'] && !housingInfo['data'].isfav" class="tool-icon" alt="">
<img src="../assets/img/detail/collectT.png"
v-show="housingInfo['data'] && housingInfo['data'].isfav" class="tool-icon" alt="">
<span>
{{ housingInfo['data'] && housingInfo['data'].isfav ?
housingInfo['data'] && housingInfo['data']['info'].count_fav : '收藏' }}
</span>
</div>
<div class="line" style="margin:0 20px;"></div>
<div class="dis-f al-item" style="position: relative;">
<img src="../assets/img/detail/forward.png" class="tool-icon" alt="">
<span>
转发
</span>
<transmit-btn v-if="housingInfo.data" :qrcode="housingInfo.data['qrcode']"
:title="housingInfo.data.info['subject']"></transmit-btn>
</div>
</div>
<div class="concat-btn-box" :class="{ 'concat-btn-show': concatType }">
<div class="contact-btn top-contact-btn" style="margin:0 0 0 10px;" @click="getConcatData">
联系方式
</div>
</div>
</div>
</div>
</div>
</el-affix>
<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>
<div class="dis-f jus-bet" style="margin-top: -15px;"> <div class="dis-f jus-bet" style="margin-top: -15px;">
<div class="info-box"> <div class="info-box">
<div style="position:absolute;top:0;left:0">
<el-affix :offset="0" @change="changeTitleType" z-index="666" style="width: 1200px">
<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">
<img src="../assets/img/detail/authenticationHousing.png"
class="authentication-housing" v-if="pageType == 1 &&
housingInfo['data'] &&
housingInfo['data'].info.verified" alt="">
<img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo"
style="margin-right:10px;" v-if="pageType == 2 &&
housingInfo['data'] &&
housingInfo['data'].isintermediary == 1" alt="">
<div class="line" v-if="housingInfo['data'] && housingInfo['data'].info.verified
|| pageType == 2 &&
housingInfo['data'] &&
housingInfo['data'].isintermediary == 1"></div>
<span class="need-houing-type" v-if="pageType == 3">预算</span>
<span class="unit">HK$</span>
<span class="rent" v-if="pageType != 3">{{ housingInfo['data'] &&
housingInfo['data'].info.rent }}</span>
<span class="rent" v-if="pageType == 3">
{{
housingInfo['data'] && housingInfo['data'].info.rent[0]
}}~
{{
housingInfo['data'] && housingInfo['data'].info.rent[1]
}}
</span>
<span>/{{ housingInfo['data'] && housingInfo['data'].info.rentalperiod }}</span>
<div class="line"></div>
<div class="dis-f al-item">
{{ indexData['data'] &&
indexData['data']['config'] &&
indexData['data']['config']['type'][housingInfo['data'] &&
housingInfo['data'].info.type.substring(0, 1)]
}}
<img src="../assets/img/detail/arrowIcon.svg" class="icon" alt="">
{{ indexData['data'] &&
indexData['data']['config'] &&
indexData['data']['config']['type'][housingInfo['data'] &&
housingInfo['data'].info.type]
}}
</div>
</div>
<div class="dis-f al-item">
<div class="tool-btn dis-f al-item jus-x">
<div class="dis-f al-item" @click="setOperation">
<img src="../assets/img/detail/collect.png"
v-show="housingInfo['data'] && !housingInfo['data'].isfav"
class="tool-icon" alt="">
<img src="../assets/img/detail/collectT.png"
v-show="housingInfo['data'] && housingInfo['data'].isfav"
class="tool-icon" alt="">
<span>
{{ housingInfo['data'] && housingInfo['data'].isfav ?
housingInfo['data'] && housingInfo['data']['info'].count_fav : '收藏' }}
</span>
</div>
<div class="line" style="margin:0 20px;"></div>
<div class="dis-f al-item" style="position: relative;">
<img src="../assets/img/detail/forward.png" class="tool-icon" alt="">
<span>
转发
</span>
<transmit-btn v-if="housingInfo.data" :qrcode="housingInfo.data['qrcode']"
:title="housingInfo.data.info['subject']"></transmit-btn>
</div>
</div>
<div class="concat-btn-box" :class="{ 'concat-btn-show': concatType }">
<div class="contact-btn top-contact-btn" style="margin:0 0 0 10px;"
@click="getConcatData">
联系方式
</div>
</div>
</div>
</div>
</div>
</el-affix>
</div>
<div class="detail-price-box dis-f" style="align-items: end;"> <div class="detail-price-box dis-f" style="align-items: end;">
<span class="need-houing-type" v-if="pageType == 3">预算</span> <span class="need-houing-type" v-if="pageType == 3">预算</span>
<span class="unit" :class="{'line-h-17':pageType==3}" :style="{ 'font-size': pageType === 3 ? '20px' : '' }">HK$</span><span <span class="unit" :class="{ 'line-h-17': pageType == 3 }"
class="rent" v-if="pageType != 3">{{ :style="{ 'font-size': pageType === 3 ? '20px' : '' }">HK$</span><span class="rent"
v-if="pageType != 3">{{
housingInfo['data'] && housingInfo['data'].info.rent }}</span> housingInfo['data'] && housingInfo['data'].info.rent }}</span>
<span class="rent" v-if="pageType == 3"> <span class="rent" v-if="pageType == 3">
{{ {{
@@ -1538,8 +1545,8 @@ img {
padding: 0px 5px; padding: 0px 5px;
font-size: 14px; font-size: 14px;
margin-right: 10px; margin-right: 10px;
height:24px; height: 24px;
line-height:24px; line-height: 24px;
} }
.clone-btn { .clone-btn {
@@ -1969,7 +1976,7 @@ img {
font-family: 'Arial-Black', 'Arial Black', sans-serif; font-family: 'Arial-Black', 'Arial Black', sans-serif;
font-weight: 900; font-weight: 900;
color: #F95D5D; color: #F95D5D;
margin:0 5px; margin: 0 5px;
} }
.icon { .icon {
@@ -2225,7 +2232,7 @@ img {
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
color: #555555; color: #555555;
line-height:16px; line-height: 16px;
.rent { .rent {
font-family: 'Arial-Black', 'Arial Black', sans-serif; font-family: 'Arial-Black', 'Arial Black', sans-serif;
@@ -2233,17 +2240,18 @@ img {
font-size: 28px; font-size: 28px;
color: #F95D5D; color: #F95D5D;
margin: 0 5px; margin: 0 5px;
line-height:22px; line-height: 22px;
} }
.unit { .unit {
font-family: 'Arial-Black', 'Arial Black', sans-serif; font-family: 'Arial-Black', 'Arial Black', sans-serif;
font-weight: 900; font-weight: 900;
color: #000000; color: #000000;
line-height:15px; line-height: 15px;
} }
.line-h-17{
line-height:17px; .line-h-17 {
line-height: 17px;
} }
} }