调整加载提示宽度
This commit is contained in:
parent
9adbb08d18
commit
33934f8fb5
@ -33,8 +33,11 @@
|
||||
v-if="Array.isArray(housingInfo['data'] && housingInfo['data'].info.rent)">
|
||||
{{
|
||||
housingInfo['data'] && housingInfo['data'].info.rent[0]
|
||||
}}<span class="rent" v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]" style="margin:0;">~</span><span class="rent" style="margin:0;"
|
||||
v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]">{{ housingInfo['data']
|
||||
}}<span class="rent"
|
||||
v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]"
|
||||
style="margin:0;">~</span><span class="rent" style="margin:0;"
|
||||
v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]">{{
|
||||
housingInfo['data']
|
||||
&& housingInfo['data'].info.rent[1] }}</span>
|
||||
</span>
|
||||
<span>/{{ housingInfo['data'] && housingInfo['data'].info.rentalperiod }}</span>
|
||||
@ -100,7 +103,7 @@
|
||||
<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 class="rent"
|
||||
<!-- <span class="rent"
|
||||
v-if="pageType != 3">{{
|
||||
housingInfo['data'] && housingInfo['data'].info.rent }}</span> -->
|
||||
<span class="rent"
|
||||
@ -111,7 +114,8 @@
|
||||
{{
|
||||
housingInfo['data'] && housingInfo['data'].info.rent[0]
|
||||
}}<span class="rent" style="margin:0;"
|
||||
v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]">~{{ housingInfo['data'] &&
|
||||
v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]">~{{ housingInfo['data']
|
||||
&&
|
||||
housingInfo['data'].info.rent[1] }}</span>
|
||||
</span>
|
||||
<span>/{{ housingInfo['data'] && housingInfo['data'].info.rentalperiod }}</span>
|
||||
@ -165,8 +169,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-box"
|
||||
v-if="(housingInfo['data'] && housingInfo['data'].info &&housingInfo['data'].info.video&& housingInfo['data'].info.video.length>0) ||
|
||||
(housingInfo['data'] && housingInfo['data'].info &&housingInfo['data'].info.picturegroup&& housingInfo['data'].info.picturegroup.length>0)">
|
||||
v-if="(housingInfo['data'] && housingInfo['data'].info && housingInfo['data'].info.video && housingInfo['data'].info.video.length > 0) ||
|
||||
(housingInfo['data'] && housingInfo['data'].info && housingInfo['data'].info.picturegroup && housingInfo['data'].info.picturegroup.length > 0)">
|
||||
<div class="dis-f al-item">
|
||||
<img src="../assets/img/detail/videoIcon.png" v-if="housingInfo['data'] &&
|
||||
housingInfo['data'].info.video &&
|
||||
@ -187,7 +191,8 @@
|
||||
|| 0 }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="img-list-box dis-f jus-x al-item" v-show="imgList.length > 0" :class="{'no-img-pd':scrollWidth <= clientWidth}">
|
||||
<div class="img-list-box dis-f jus-x al-item" v-show="imgList.length > 0"
|
||||
:class="{ 'no-img-pd': scrollWidth <= clientWidth }">
|
||||
<img src="../assets/img/detail/moreNot.svg" class="icon left-icon" alt=""
|
||||
v-show="imgListTab === 0 && scrollWidth > clientWidth">
|
||||
<img src="../assets/img/detail/moreAllow.svg" class="icon left-icon" alt=""
|
||||
@ -317,11 +322,11 @@
|
||||
</span><span v-if="housingInfo['data'] && housingInfo['data'].info.acreage[1] ? housingInfo['data']
|
||||
&&
|
||||
housingInfo['data'].info.acreage[1] : 0">~{{
|
||||
housingInfo['data'] && housingInfo['data'].info.acreage[1] ?
|
||||
housingInfo['data']
|
||||
&&
|
||||
housingInfo['data'].info.acreage[1] : 0
|
||||
}}
|
||||
housingInfo['data'] && housingInfo['data'].info.acreage[1] ?
|
||||
housingInfo['data']
|
||||
&&
|
||||
housingInfo['data'].info.acreage[1] : 0
|
||||
}}
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
@ -794,24 +799,25 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="dis-f jus-x al-item" style="position: relative;" v-if="pageType != 3">
|
||||
<div class="body-maxWidth" v-show="recommendListData.length > 0">
|
||||
<div ref="gridContainer"
|
||||
style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
|
||||
<indexWaterfallBox v-for="(items, i) in recommendListData" :data="items" :key="items.id">
|
||||
</indexWaterfallBox>
|
||||
<div>
|
||||
<div class="body-maxWidth" v-show="recommendListData.length > 0">
|
||||
<div ref="gridContainer"
|
||||
style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
|
||||
<indexWaterfallBox v-for="(items, i) in recommendListData" :data="items" :key="items.id">
|
||||
</indexWaterfallBox>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body-maxWidth" v-if="publisherList.length > 0">
|
||||
<div style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
|
||||
<biserialItem v-for="(item, i) in publisherList" :detailShow="true" :key="i" :item="item">
|
||||
</biserialItem>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dis-f jus-x bottom-tps"
|
||||
v-if="(recommendListData.length > 0&&housingInfo['data']&&!housingInfo['data']['info'].verified) || (recommendListData.length > 0&&housingInfo['data']&&!housingInfo['data'].isintermediary)">
|
||||
- {{ loadText }} -
|
||||
</div>
|
||||
</div>
|
||||
<div class="body-maxWidth" v-if="publisherList.length > 0">
|
||||
<div style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
|
||||
<biserialItem v-for="(item, i) in publisherList" :detailShow="true" :key="i" :item="item">
|
||||
</biserialItem>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dis-f jus-x bottom-tps"
|
||||
v-if="(pageType === 1 && recommendListData.length > 0) || (pageType === 2 && recommendListData.length > 0 && housingInfo['data'] && housingInfo['data'].isintermediary)">
|
||||
- {{ loadText }} -
|
||||
</div>
|
||||
<footerTool class="mg-t-60"></footerTool>
|
||||
</div>
|
||||
@ -1586,6 +1592,7 @@ img {
|
||||
color: #555555;
|
||||
text-align: center;
|
||||
padding: 30px 0;
|
||||
width:876px;
|
||||
}
|
||||
|
||||
.need-houing-type {
|
||||
@ -2410,7 +2417,7 @@ img {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
margin-right: 3px;
|
||||
margin-left:-2px;
|
||||
margin-left: -2px;
|
||||
}
|
||||
|
||||
.img-icon {
|
||||
@ -2431,11 +2438,11 @@ img {
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
margin-right:8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.no-img-pd{
|
||||
padding:0 !important;
|
||||
.no-img-pd {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.img-list-box {
|
||||
@ -3066,8 +3073,9 @@ img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.el-popper.is-light{
|
||||
border-radius:10px !important;
|
||||
|
||||
.el-popper.is-light {
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user