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-10 17:21:27 +08:00
parent 9adbb08d18
commit 33934f8fb5
1 changed files with 42 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/views/detail.vue
View File

@@ -33,8 +33,11 @@
v-if="Array.isArray(housingInfo['data'] && housingInfo['data'].info.rent)"> v-if="Array.isArray(housingInfo['data'] && housingInfo['data'].info.rent)">
{{ {{
housingInfo['data'] && housingInfo['data'].info.rent[0] 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;" }}<span class="rent"
v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]">{{ housingInfo['data'] 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> && housingInfo['data'].info.rent[1] }}</span>
</span> </span>
<span>/{{ housingInfo['data'] && housingInfo['data'].info.rentalperiod }}</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="need-houing-type" v-if="pageType == 3">预算</span>
<span class="unit" :class="{ 'line-h-17': pageType == 3 }" <span class="unit" :class="{ 'line-h-17': pageType == 3 }"
:style="{ 'font-size': pageType === 3 ? '20px' : '' }">HK$</span> :style="{ 'font-size': pageType === 3 ? '20px' : '' }">HK$</span>
<!-- <span class="rent" <!-- <span class="rent"
v-if="pageType != 3">{{ v-if="pageType != 3">{{
housingInfo['data'] && housingInfo['data'].info.rent }}</span> --> housingInfo['data'] && housingInfo['data'].info.rent }}</span> -->
<span class="rent" <span class="rent"
@@ -111,7 +114,8 @@
{{ {{
housingInfo['data'] && housingInfo['data'].info.rent[0] housingInfo['data'] && housingInfo['data'].info.rent[0]
}}<span class="rent" style="margin: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> housingInfo['data'].info.rent[1] }}</span>
</span> </span>
<span>/{{ housingInfo['data'] && housingInfo['data'].info.rentalperiod }}</span> <span>/{{ housingInfo['data'] && housingInfo['data'].info.rentalperiod }}</span>
@@ -165,8 +169,8 @@
</div> </div>
</div> </div>
<div class="image-box" <div class="image-box"
v-if="(housingInfo['data'] && housingInfo['data'].info &&housingInfo['data'].info.video&& housingInfo['data'].info.video.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)"> (housingInfo['data'] && housingInfo['data'].info && housingInfo['data'].info.picturegroup && housingInfo['data'].info.picturegroup.length > 0)">
<div class="dis-f al-item"> <div class="dis-f al-item">
<img src="../assets/img/detail/videoIcon.png" v-if="housingInfo['data'] && <img src="../assets/img/detail/videoIcon.png" v-if="housingInfo['data'] &&
housingInfo['data'].info.video && housingInfo['data'].info.video &&
@@ -187,7 +191,8 @@
|| 0 }} || 0 }}
</div> </div>
</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="" <img src="../assets/img/detail/moreNot.svg" class="icon left-icon" alt=""
v-show="imgListTab === 0 && scrollWidth > clientWidth"> v-show="imgListTab === 0 && scrollWidth > clientWidth">
<img src="../assets/img/detail/moreAllow.svg" class="icon left-icon" alt="" <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'] </span><span v-if="housingInfo['data'] && housingInfo['data'].info.acreage[1] ? housingInfo['data']
&& &&
housingInfo['data'].info.acreage[1] : 0">~{{ housingInfo['data'].info.acreage[1] : 0">~{{
housingInfo['data'] && housingInfo['data'].info.acreage[1] ? housingInfo['data'] && housingInfo['data'].info.acreage[1] ?
housingInfo['data'] housingInfo['data']
&& &&
housingInfo['data'].info.acreage[1] : 0 housingInfo['data'].info.acreage[1] : 0
}} }}
</span> </span>
</span> </span>
<span <span
@@ -794,24 +799,25 @@
</div> </div>
</div> </div>
<div class="dis-f jus-x al-item" style="position: relative;" v-if="pageType != 3"> <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>
<div ref="gridContainer" <div class="body-maxWidth" v-show="recommendListData.length > 0">
style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px"> <div ref="gridContainer"
<indexWaterfallBox v-for="(items, i) in recommendListData" :data="items" :key="items.id"> style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
</indexWaterfallBox> <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> </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> </div>
<footerTool class="mg-t-60"></footerTool> <footerTool class="mg-t-60"></footerTool>
</div> </div>
@@ -1586,6 +1592,7 @@ img {
color: #555555; color: #555555;
text-align: center; text-align: center;
padding: 30px 0; padding: 30px 0;
width:876px;
} }
.need-houing-type { .need-houing-type {
@@ -2410,7 +2417,7 @@ img {
width: 26px; width: 26px;
height: 26px; height: 26px;
margin-right: 3px; margin-right: 3px;
margin-left:-2px; margin-left: -2px;
} }
.img-icon { .img-icon {
@@ -2431,11 +2438,11 @@ img {
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 14px; font-size: 14px;
margin-right:8px; margin-right: 8px;
} }
.no-img-pd{ .no-img-pd {
padding:0 !important; padding: 0 !important;
} }
.img-list-box { .img-list-box {
@@ -3066,8 +3073,9 @@ img {
display: none; display: none;
} }
} }
.el-popper.is-light{
border-radius:10px !important; .el-popper.is-light {
border-radius: 10px !important;
} }
</style> </style>