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-03 18:37:31 +08:00
parent e9159ce721
commit 7713620e32
2 changed files with 4103 additions and 4091 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -41,7 +41,7 @@
}} }}
</div> </div>
<div class="tab-item mg-l-8" <div class="tab-item mg-l-8"
v-if="listData.data && listData.data.rentalduration &&data&&data.data.rentalduration"> v-if="listData.data && listData.data.rentalduration && data && data.data.rentalduration">
{{ {{
listData.data.rentalduration[data.data && data.data.rentalduration] || listData.data.rentalduration[data.data && data.data.rentalduration] ||
'' ''
@@ -67,7 +67,7 @@
location && location.data && location.data[1] ? `${location && location.data && location && location.data && location.data[1] ? `${location && location.data &&
location.data[item.substring(0, location.data[item.substring(0,
1)]} > 1)]} >
${item.length===1?'不限':location && ${item.length === 1 ? '不限' : location &&
location.data[item]}` : '' location.data[item]}` : ''
}}</span> }}</span>
</div> </div>
@@ -81,16 +81,19 @@
&& &&
data.data.rent[0] }}~{{ data && data.data && data.data.rent[1] }}</div> data.data.rent[0] }}~{{ data && data.data && data.data.rent[1] }}</div>
<span>/{{ data && data.data && data.data.rentalperiod }}</span> <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))">[ 租期{{ <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] listData.data.rentalduration[data.data && data.data.rentalduration]
}}]</span> }}]</span>
</div> </div>
</div> </div>
<!-- 'img-150':routePath==='/detail' --> <!-- '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"> <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 : ''" <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"> <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=""> <img src="../../assets/homeImage/videoIcon.svg" class="img" alt="">
</div> </div>
@@ -103,6 +106,7 @@
<img src="../../assets/homeImage/needHousingCorner.svg" v-if="routePath === '/needHousing'" class="tab-img" <img src="../../assets/homeImage/needHousingCorner.svg" v-if="routePath === '/needHousing'" class="tab-img"
alt=""> alt="">
</div> </div>
<div class="btm-line"></div>
<div class="btm-box dis-f al-item" :class="{ 'jus-bet': detailShow }"> <div class="btm-box dis-f al-item" :class="{ 'jus-bet': detailShow }">
<div class="dis-f al-item"> <div class="dis-f al-item">
<img :src="data && data.data && data.data.avatar" class="user-img" alt=""> <img :src="data && data.data && data.data.avatar" class="user-img" alt="">
@@ -115,7 +119,7 @@
data && data &&
data.data.intermediary_text data.data.intermediary_text
}}</div> }}</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] listData && listData.data && listData.data.gender[data && data.data && data.data.gender]
}}</div> }}</div>
<img src="../../assets/homeImage/intermediaryTabImg.png" <img src="../../assets/homeImage/intermediaryTabImg.png"
@@ -294,8 +298,8 @@ img {
margin-top: 20px; margin-top: 20px;
} }
.img-150{ .img-150 {
width:150px !important; width: 150px !important;
} }
.img { .img {
@@ -304,9 +308,10 @@ img {
border-radius: 10px; border-radius: 10px;
position: relative; position: relative;
} }
.img-100{
height:100px; .img-100 {
width:auto; height: 100px;
width: auto;
} }
.s-img { .s-img {
@@ -384,7 +389,7 @@ img {
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-right: 5px; margin-right: 5px;
margin-left:-3px; margin-left: -3px;
} }
} }
@@ -395,7 +400,7 @@ img {
font-size: 14px; font-size: 14px;
color: #555555; color: #555555;
margin-top: 20px; margin-top: 20px;
line-height:17px; line-height: 17px;
.time { .time {
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
@@ -404,7 +409,7 @@ img {
font-size: 14px; font-size: 14px;
color: #7F7F7F; color: #7F7F7F;
margin-left: 15px; margin-left: 15px;
line-height:19px; line-height: 19px;
} }
.price { .price {
@@ -413,7 +418,7 @@ img {
font-size: 20px; font-size: 20px;
color: #F95D5D; color: #F95D5D;
line-height: 20px; line-height: 20px;
margin:0 5PX; margin: 0 5PX;
} }
.unit { .unit {
@@ -421,7 +426,7 @@ img {
font-weight: 900; font-weight: 900;
color: #000000; color: #000000;
font-size: 14px; 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 { .btm-box {
padding: 20px; padding: 20px;
border-top: 1px dashed #d7d7d7;
.intermediary-tab-img { .intermediary-tab-img {
width: 85px; width: 85px;

8134
yarn.lock
View File

File diff suppressed because it is too large Load Diff