调整加载提示宽度

This commit is contained in:
2023-08-10 17:21:27 +08:00
parent 9adbb08d18
commit 33934f8fb5

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>
@@ -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>
@@ -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=""
@@ -794,6 +799,7 @@
</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>
<div class="body-maxWidth" v-show="recommendListData.length > 0"> <div class="body-maxWidth" v-show="recommendListData.length > 0">
<div ref="gridContainer" <div ref="gridContainer"
style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px"> style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
@@ -807,12 +813,12 @@
</biserialItem> </biserialItem>
</div> </div>
</div> </div>
</div>
<div class="dis-f jus-x bottom-tps" <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)"> v-if="(recommendListData.length > 0&&housingInfo['data']&&!housingInfo['data']['info'].verified) || (recommendListData.length > 0&&housingInfo['data']&&!housingInfo['data'].isintermediary)">
- {{ loadText }} - - {{ loadText }} -
</div> </div>
</div>
</div>
<footerTool class="mg-t-60"></footerTool> <footerTool class="mg-t-60"></footerTool>
</div> </div>
<div class="pop-mask" v-show="showConcat"> <div class="pop-mask" v-show="showConcat">
@@ -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 {
@@ -3066,6 +3073,7 @@ img {
display: none; display: none;
} }
} }
.el-popper.is-light { .el-popper.is-light {
border-radius: 10px !important; border-radius: 10px !important;
} }