列表组件
This commit is contained in:
parent
e9159ce721
commit
7713620e32
@ -35,15 +35,15 @@
|
||||
</div>
|
||||
<div class="tab-item mg-l-8"
|
||||
v-if="listData && listData.data && listData.data.gender[data && data.data && data.data.gender] && data.data.gender">
|
||||
{{
|
||||
listData && listData.data && listData.data.gender[data && data.data && data.data.gender] ||
|
||||
{{
|
||||
listData && listData.data && listData.data.gender[data && data.data && data.data.gender] ||
|
||||
''
|
||||
}}
|
||||
</div>
|
||||
<div class="tab-item mg-l-8"
|
||||
v-if="listData.data && listData.data.rentalduration &&data&&data.data.rentalduration">
|
||||
{{
|
||||
listData.data.rentalduration[data.data && data.data.rentalduration] ||
|
||||
v-if="listData.data && listData.data.rentalduration && data && data.data.rentalduration">
|
||||
{{
|
||||
listData.data.rentalduration[data.data && data.data.rentalduration] ||
|
||||
''
|
||||
}}
|
||||
</div>
|
||||
@ -67,8 +67,8 @@
|
||||
location && location.data && location.data[1] ? `${location && location.data &&
|
||||
location.data[item.substring(0,
|
||||
1)]} >
|
||||
${item.length===1?'不限':location &&
|
||||
location.data[item]}` : ''
|
||||
${item.length === 1 ? '不限' : location &&
|
||||
location.data[item]}` : ''
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -81,16 +81,19 @@
|
||||
&&
|
||||
data.data.rent[0] }}~{{ data && data.data && data.data.rent[1] }}</div>
|
||||
<span>/{{ data && data.data && data.data.rentalperiod }}</span>
|
||||
<span class="time" v-show="data && data.data && data.data.rentalduration != 0&&(pageType ==2||(pageType==1&&data.data.verified == 1))">[ 租期{{
|
||||
listData.data.rentalduration[data.data && data.data.rentalduration]
|
||||
}}]</span>
|
||||
<span class="time"
|
||||
v-show="data && data.data && data.data.rentalduration != 0 && (pageType == 2 || (pageType == 1 && data.data.verified == 1))">[
|
||||
租期{{
|
||||
listData.data.rentalduration[data.data && data.data.rentalduration]
|
||||
}}]</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 'img-150':routePath==='/detail' -->
|
||||
<div class="img" :class="{'img-100':routePath==='/detail'&&data && data.data && !data.data.isvideo}">
|
||||
<div class="img" :class="{ 'img-100': routePath === '/detail' && data && data.data && !data.data.isvideo }">
|
||||
<div class="dis-f">
|
||||
<img :src="data && data.data && data.data.ispic ? data && data.data.imageurl : data && data.data && data.data.isvideo ? data && data.data && data.data.imageurl : ''"
|
||||
@load="loadFinish" @error="loadFinish" class="img " :class="{'img-100':routePath==='/detail'&&data && data.data && !data.data.isvideo}" alt="">
|
||||
@load="loadFinish" @error="loadFinish" class="img "
|
||||
:class="{ 'img-100': routePath === '/detail' && data && data.data && !data.data.isvideo }" alt="">
|
||||
<div class="s-img dis-f jus-x al-item" v-if="data && data.data && data.data.isvideo">
|
||||
<img src="../../assets/homeImage/videoIcon.svg" class="img" alt="">
|
||||
</div>
|
||||
@ -103,6 +106,7 @@
|
||||
<img src="../../assets/homeImage/needHousingCorner.svg" v-if="routePath === '/needHousing'" class="tab-img"
|
||||
alt="">
|
||||
</div>
|
||||
<div class="btm-line"></div>
|
||||
<div class="btm-box dis-f al-item" :class="{ 'jus-bet': detailShow }">
|
||||
<div class="dis-f al-item">
|
||||
<img :src="data && data.data && data.data.avatar" class="user-img" alt="">
|
||||
@ -115,7 +119,7 @@
|
||||
data &&
|
||||
data.data.intermediary_text
|
||||
}}</div>
|
||||
<div class="btn" v-if="data && data.data && data.data.gender&&pageType==3">{{
|
||||
<div class="btn" v-if="data && data.data && data.data.gender && pageType == 3">{{
|
||||
listData && listData.data && listData.data.gender[data && data.data && data.data.gender]
|
||||
}}</div>
|
||||
<img src="../../assets/homeImage/intermediaryTabImg.png"
|
||||
@ -294,8 +298,8 @@ img {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.img-150{
|
||||
width:150px !important;
|
||||
.img-150 {
|
||||
width: 150px !important;
|
||||
}
|
||||
|
||||
.img {
|
||||
@ -304,9 +308,10 @@ img {
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.img-100{
|
||||
height:100px;
|
||||
width:auto;
|
||||
|
||||
.img-100 {
|
||||
height: 100px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.s-img {
|
||||
@ -384,7 +389,7 @@ img {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 5px;
|
||||
margin-left:-3px;
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -395,7 +400,7 @@ img {
|
||||
font-size: 14px;
|
||||
color: #555555;
|
||||
margin-top: 20px;
|
||||
line-height:17px;
|
||||
line-height: 17px;
|
||||
|
||||
.time {
|
||||
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
||||
@ -404,7 +409,7 @@ img {
|
||||
font-size: 14px;
|
||||
color: #7F7F7F;
|
||||
margin-left: 15px;
|
||||
line-height:19px;
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.price {
|
||||
@ -413,7 +418,7 @@ img {
|
||||
font-size: 20px;
|
||||
color: #F95D5D;
|
||||
line-height: 20px;
|
||||
margin:0 5PX;
|
||||
margin: 0 5PX;
|
||||
}
|
||||
|
||||
.unit {
|
||||
@ -421,7 +426,7 @@ img {
|
||||
font-weight: 900;
|
||||
color: #000000;
|
||||
font-size: 14px;
|
||||
line-height:15px;
|
||||
line-height: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -431,9 +436,16 @@ img {
|
||||
}
|
||||
}
|
||||
|
||||
.btm-line {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-image: linear-gradient(to right, #d7d7d7 0%, #d7d7d7 50%, transparent 0%);
|
||||
background-size: 2px 1px;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.btm-box {
|
||||
padding: 20px;
|
||||
border-top: 1px dashed #d7d7d7;
|
||||
|
||||
.intermediary-tab-img {
|
||||
width: 85px;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user